重新格式化数组中的JSON对象以在HTML中显示它们

Question

我试图找到一种重新格式化JSON对象数组的方法，如下所示：

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

我想只在普通的html文本中打印值。例如：

3 - Coca-Cola
3 - Rib Eye

我怎样才能做到这一点？我的后端是Node.js所以是的，也许我可以在构建我将使用的html之前做到这一点。

Answer 1

只需遍历您的数组，将格式化的字符串保存到另一个数组。您可以将创建的数组传递给您的页面并显示它，或者做任何您想做的事情。

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);
});

在上面的代码中，数组formatted包含您需要的字符串。