Javascript：合并2个数组（不同的属性）

Question

我有一个严格的要求需要你的建议。

我有2个阵列：

var array1 = [{ 'x': 1, 'z': 2 }, { 'x': 2, 'z': 1 }];
var array2 = [{ 'x': 1, 'y': 1 }, { 'x': 2, 'y': 3 }];

要求：将2个数组合并为一个格式为：

[{ 'x': 1, 'y': 1, 'z': 2 }, { 'x': 2, 'y': 3 , 'z': 1 }]

我已浏览过lodash图书馆，其功能包括＆＃39; merge＆＃39;或者＆＃39; union＆＃39;不为此目的服务。

欢迎并赞赏任何解决方案

Answer 1

尝试以下

var array1 = [{ 'x': 1, 'z': 2 }, { 'x': 2, 'z': 1 }];
var array2 = [{ 'x': 1, 'y': 1 }, { 'x': 2, 'y': 3 }];

let result = array1.map((o,i) => ({...o, ...array2[i]}));
console.log(result);

Answer 2

您可以使用Object.assign映射新对象。

＆＃13;

＆＃13;

var array1 = [{ 'x': 1, 'z': 2 }, { 'x': 2, 'z': 1 }],
    array2 = [{ 'x': 1, 'y': 1 }, { 'x': 2, 'y': 3 }],
    result = array1.map((o,i) => Object.assign(o, array2[i]));

console.log(result);

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;