javascript - 无法从 javascript 对象中创建 JSON 文本

Question

我想将从服务器接收到的这个对象转换为 JSON 文件，以便我可以在 d3.js 图表中使用它:

data = {
   "dog ":"5",
   "cat ":"4",
   "fish ":"12",
}

输出应该是:

{    
    "name" : "animal",
    "children" : [
        {"name":"dog", "value": 5},
        {"name":"cat", "value": 4},
        {"name":"fish", "value": 10}
    ]
}

我想到的是:

   var jsonText = [] ;
   for ( key in data) {
  jsonText.push({name : key.trim(), value : parseInt(data[key])});
 }

但是当我尝试打印出对象时，我收到:

[object Object],[object Object],[object Object]

除此之外，我不知道如何向 JSON 文件添加其他属性。所以感谢你的提示。

Answer 1

您可以使用 Object.keys(data) 并循环遍历 key 以获得所需的对象结构。

var data = {
 "dog ":"5",
 "cat ":"4",
 "fish ":"12",
};
var res = {
  name: "animal",
  children: []
};
Object.keys(data).forEach((key)=>{
  res.children.push(
   {name:key.trim(), value: parseInt(data[key])}
  );
});

console.log(res);