javascript動態設置對象屬性值

Question

是否可以動態設置值爲javascript對象。 例如我有以下對象數組：

var result = [ 
    {id: 1,color: ['black']}, 
    {id: 1,color: ['white']}, 
    {id: 1,color: ['green']} 
]; 

和創建另一個時，我想從陣列結果所有值color 設置爲新的對象。基本上，我希望它看起來像這樣：

{id:1, colors: ['black', 'white', 'green']} 

我想是這樣的：

var result = [ 
    {id: 1,color: ['black']}, 
    {id: 1,color: ['white']}, 
    {id: 1,color: ['green']} 
]; 

var object1 = { 
    id: 1, 
    colors: function(){ 
     for(i = 1; i < result.length; i++) { 
      this.colors.push(result[i].color); 
     } 
    } 
}; 

，但它不工作，我基本上明白爲什麼，我只是在尋找解決辦法的解決方案。我對JavaScript很新，所以我需要一些建議。有任何想法嗎？

Answer 1

當前，您將顏色設置爲函數，但您希望顏色是一個數組。實現這一

一種方法是做到以下幾點：

var object1 = { 
    id: 1, 
    colors: [] 
}; 

for(var i = 0; i < result.length; i++) { 
    object1.colors.push(result[i].color); 
} 

Answer 2

可以forEach循環遍歷數組result：

var object1 = {id:1, colors:[]}; 

result.forEach(function (item) 
{ 
    object1.colors.push(item.color); 
}); 

Answer 3

你能做到這樣。

var result = [ 
    {id: 1,color: ['black']}, 
    {id: 1,color: ['white']}, 
    {id: 1,color: ['green']} 
]; 

var arrResult = {id:1,colors : []} 

result.forEach(function(val,key){    
     arrResult.colors=arrResult.colors.concat(val.color) 
}) 

Answer 4

您嘗試

var object1 = { 
    id: 1, 
    colors: (function(){ 
     var ret = []; 
     result.forEach(function(item) { 
      ret.push(item.color); 
     }); 
     return ret; 
    }()) 
};