對象的集合添加鍵在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