重新格式化数组中的 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 包含您需要的字符串。