正在尝试更改JSON的格式以嵌套具有新键的元素

Question

我正在尝试将web应用程序输出的JSON格式转换为图形可视化工具cytoscape.js可以读取的格式。我相当确定有一个简单的javascript解决方案，但我对JS还很陌生。

我得到的JSON输出是这个示例格式：

[
{"name": "squirtle", "type": "water"}, 
{"name": "charmander", "type": "fire"}, 
{"name": "bulbasaur", "type": "grass"}
]

数据所需的输出cytoscape.js格式略有不同，每个元素前面都有'data :‘(我假设这是cytoscape.js读取的关键字？)

[
{ "data": {"name": "squirtle", "type": "water"} },
{ "data": {"name": "charmander", "type": "fire"} },
{ "data": {"name": "bulbasaur", "type": "grass"} }
]

我尝试过解析，然后迭代每个元素，以连接前面的"data“部分，如下面的代码片段所示：

  pokemonJSON.forEach(element => {
    element = 'data: {' + element +'}';  
    console.log(element)
  });

这似乎是一个类型不匹配，因为它返回此输出三次：

data: {[object Object]}

我看到过其他的例子，它们似乎表明map或reduce可能是合适的，但我不能完全理解它们的正确实现。

任何帮助都将不胜感激。谢谢!

Answer 1

如果您想要更改原始数组：

​

const pokemonJSON = 
  [ { "name": "squirtle",   "type": "water" }
  , { "name": "charmander", "type": "fire"  }
  , { "name": "bulbasaur",  "type": "grass" }
  ]

pokemonJSON.forEach((el,i,arr)=>
  {
  arr[i] = { data : el }
  })
  
console.log( pokemonJSON )

.as-console-wrapper { max-height: 100% !important; top: 0; }

​

Answer 2

你可以做到的

​

const data = [{
    "name": "squirtle",
    "type": "water"
  },
  {
    "name": "charmander",
    "type": "fire"
  },
  {
    "name": "bulbasaur",
    "type": "grass"
  }
];

const output = data.map(x => {
  return {
    data: x
  }
});

console.log(output);

​