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