將兩個陣列合併爲一個具有相同數量對象的陣列

Question

需要一點幫助。我搜索了當前的問題，但沒有找到好的例子。

我有兩個數組與對象相同的計數：

array1 = [{ id: 1, name: 'Johnny'}, { id: 2, name: 'Mike'}]; 
array2 = [{ hair: 'black'}, { hair: 'white'}]; 

我需要

array3 = [ 
    { id: 1, name: 'Johnny', hair: 'black'}, 
    { id: 2, name: 'Mike', hair: 'white'} 
] 

我試着推[... ES6]幾種方法，但我總是返回4個對象而不是2

Answer 1

ES6使用Object.assign：

var array1 = [{ id: 1, name: 'Johnny'}, { id: 2, name: 'Mike'}]; 
 
var array2 = [{ hair: 'black'}, { hair: 'white'}]; 
 
var merged = array1.map((el, index) => Object.assign(el, array2[index])); 
 
console.log(merged);

Answer 2

你可以在一個對象以相同的索引使用Array#reduce與Array#map和Object.assign數組和地圖對象的一個​​任意的數量。

var array1 = [{ id: 1, name: 'Johnny'}, { id: 2, name: 'Mike'}]; 
 
    array2 = [{ hair: 'black'}, { hair: 'white'}], 
 
    result = [array1, array2] 
 
     .reduce((r, a) => a.map((o, i) => Object.assign(r[i] || {}, o), [])); 
 

 
console.log(result);

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