对象的集合添加键在JavaScript

Question

我在JavaScript中有这样的对象的数组：

[ 
    {A:10}, 
    {B:20}, 
    {C:30} 
] 

我想这个转换为对象的数组会出现这样（一起工作d3.js）：

[ 
    {word: "A", weight: 10}, 
    {word: "B", weight: 20}, 
    {word: "C", weight: 30} 
] 

我能够获得对象的初始阵列通过简单地做：

var wordData = []; 
for (var i = 0; i < words.length; i++) { 
    if (wordData.hasOwnProperty(words[i])) { 
     wordData[words[i]] += 1; 
    } else { 
     wordData[words[i]] = 1; 
    } 
} 

这只是设置一个简单的散列，但不会在每个散列之前添加键。

编辑

JSFiddle为简单起见。

Answer 1

var wordData = [ 
    {A: 10}, 
    {B: 20}, 
    {C: 30} 
]; 

var result = wordData.map(function (item) { 
    var key = Object.keys(item)[0]; 
    return {word: key, weight: item[key]}; 
}); 

Answer 2

请尝试以下代码。我已经尝试过for循环。

var wordData =[ 
{A: 10}, 
{B: 20}, 
{C: 30} 
]; 

var results = []; 
for (var prop in wordData) {      
    var key = Object.keys(wordData[prop])[0]; 
    result = {word: key, weight: wordData[prop][key]}; 
    results.push(result); 
} 

var json_result = JSON.stringify(results, null, 2); 
console.log(json_result); 

输出

[ 
    { 
    "word": "A", 
    "weight": 10 
    }, 
    { 
    "word": "B", 
    "weight": 20 
    }, 
    { 
    "word": "C", 
    "weight": 30 
    } 
] 

或

var json_result = JSON.stringify(results); // without null 
console.log(json_result); 

输出

[{"word":"A","weight":10},{"word":"B","weight":20},{"word":"C","weight":30}] 

<div id="data"> 
    Run the code below 
</div> 

var wordData = {}; // Edit, use {} intead of [] here. 
for (var i = 0; i < words.length; i++) { 
    // The problem is definitely in this loop. 
    if (wordData.hasOwnProperty(words[i])) { 
    wordData[words[i]] += 1; 
    } else { 
    wordData[words[i]] = 1; 
    } 
} 

var results = []; 
for (var prop in wordData) { 
    result = {word: prop, weight: wordData[prop]}; 
    results.push(result); 
} 
var json_result = JSON.stringify(results, null, 2); 
document.getElementById('data').innerHTML = json_result; 

Demo