javascript - 使用 Object.assign() 组合两个对象数组？

Question

我不太确定为什么 Object.assign() 没有提供预期的结果(请参阅底部的注释部分)。我是否缺少该功能的某些内容，或者是否有更干净的方法来执行此操作？

下面的代码到达带有变量“i”的 for 循环，但没有到达带有变量“x”的第二个 for 循环。

    const array_1 = [{property1:'a',property2:'b'}, {property1:'c',property2:'d'}];
const array_2 = [{property3:'w',property4:'x'}, {property3:'y',property4:'z'}];

const CombineArrays = (array_1, array_2) => {
  let combined_array = [];
  for (let i = 0; i < array_1.length; i++) {
    for (let x = 0; x < array_2.length; x++) {
      const newObj = Object.assign(array_1[i], array_2[x]);
      combined_array.push(newObj);
    }
  }
  return combined_array;
};

const result = CombineArrays(array_1, array_2);
console.log(result);


// expected result = [
//     {property1:'a',property2:'b', property3:'w',property4:'x'},
//     {property1:'a',property2:'b', property3:'y',property4:'z'},
//     {property1:'c',property2:'d', property3:'w',property4:'x'},
//     {property1:'c',property2:'d', property3:'y',property4:'z'}
// ]
// current result = [
//     { property1: 'a', property2: 'b', property3: 'y', property4: 'z' },
//     { property1: 'a', property2: 'b', property3: 'y', property4: 'z' },
//     { property1: 'c', property2: 'd', property3: 'y', property4: 'z' },
//     { property1: 'c', property2: 'd', property3: 'y', property4: 'z' }
// ]

Answer 1

您可以使用 ... 扩展运算符合并对象。然后你就得到了你想要的结果，因为你没有覆盖原始数组。

const array_1 = [{property1:'a',property2:'b'}, {property1:'c',property2:'d'}];
const array_2 = [{property3:'w',property4:'x'}, {property3:'y',property4:'z'}];

const CombineArrays = (array_1, array_2) => {
  let combined_array = [];
  for (let i = 0; i < array_1.length; i++) {
    for (let x = 0; x < array_2.length; x++) {
      const newObj = {...array_1[i], ...array_2[x]};
      combined_array.push(newObj);
    }
  }
  return combined_array;
};

const result = CombineArrays(array_1, array_2);
console.log(result);