Reformat JSON objects inside an array to show them in HTML

Question

I'm trying to find a way to reformat an array of JSON objects that looks like:

[{"amount":3,"name":"Coca-Cola"},{"amount":3,"name":"Rib Eye"}]

I want to only print the values in plain html text. For example:

3 - Coca-Cola
3 - Rib Eye

How can i achieve this? My back end is Node.js so yeah maybe I can do that before building the html i will use.

score 1 · Accepted Answer · 2016-10-24 00:37:39Z

1

Just iterate over your array, saving the formatted strings to another array. You can pass the created array to your page and display it, or do whatever you want.

var json = "[{\"amount\":3,\"name\":\"Coca-Cola\"},{\"amount\":3,\"name\":\"Rib Eye\"}]",
    arr = JSON.parse(json),
    formatted = [];
arr.forEach(function(item) {
  formatted.push(item.amount + " - " + item.name);
});

In the above code, the array formatted contains the strings as you need them.

edited Oct 24, 2016 at 0:37

answered Oct 24, 2016 at 0:34

user7028020

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Reformat JSON objects inside an array to show them in HTML

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related