javascript - 从另一个 JSON 对象开始创建 JSON 对象

标签 javascript arrays json object ecmascript-6

我正在尝试将我的 API 配置为适合 Chart.js

我的 API 包含

{
    "Food": 900,
    "Shopping": 0,
    "Travel": 600,
    "Health": 0
}

应该是这样的

[
    {
      data:900,
      label: 'Food'
    },

    {
      data: 0,
      label: 'Shopping'
    },

    {
      data: 600,
      label: 'Travel'
    },
    {
      data: 0,
      label: 'Health'
    }
];

最佳答案

当然,只需遍历 Object.entries 并将每个属性和标签推送到一个数组:

const data = { "Food": 900, "Shopping": 0, "Travel": 600, "Health": 0 };
let result = [];
Object.entries(data).forEach(prop => result.push({
  "data": prop[1],
  "label": prop[0]
}));

console.log(result);

关于javascript - 从另一个 JSON 对象开始创建 JSON 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54356534/

相关文章:

javascript - 为什么这不是四舍五入(Javascript)?

javascript - 如果我通过 javascript 设置不透明度,CSS 悬停事件将被取消

javascript - 引号转义以正确地将参数从 HTML 输入值传递到 PHP echo 中的 javascript 函数

javascript - 未从 JSON 加载网格数据

mysql - 将 MySQL 结果集转换为单个 JSON OBJECT(MySQL 数据类型)

javascript - 此处意外的模块导入或导出语句

javascript - 使用 .getElementsByClassName 访问多个弹出窗口

android - 将一组按钮添加到 Android 应用程序中的 GridView

c++ - 字符数组问题C++

json - 如何保证 Swift 4 中的有效 JSON?