js 数组对象合并的方法

在JavaScript中，有多种方法可以合并数组对象。这里列举几种常见的方法：

1. **concat()**：这个内置函数用于连接两个或更多数组，并返回一个新的数组。它不会改变原数组。

   const arr1 = [1, {name: 'A'}];
   const arr2 = [{age: 20}, {name: 'B'}];
   const mergedArr = arr1.concat(arr2);

2. **push() 和 unshift()**：可以直接将一个数组的所有元素添加到另一个数组的开头或结尾。

   const arr1 = [1, {name: 'A'}];
   arr2.unshift({age: 20});
   arr1.push({name: 'B'});

3. **Spread operator (...)**：使用点运算符可以将数组展平并合并。

   const arr1 = [1, {name: 'A'}];
   const arr2 = [{age: 20}];
   const mergedArr = [...arr1, ...arr2];

4. **Array.from() 或 Array.of()**：可以创建一个新的数组，包含从提供的迭代器或类似数组的对象生成的所有元素。

   const arr1 = [1, {name: 'A'}];
   const arr2 = [20];
   const mergedArr = Array.from(arr1).concat(Array.of(...arr2));

5. **reduce()**：如果需要进行复杂的合并操作，可以使用reduce方法结合对象合并技术（如Object.assign）。

   const arr1 = [{name: 'A'}, {id: 1}];
   const arr2 = [{age: 20}, {id: 2}];
   const mergedObj = arr1.reduce((acc, obj) => ({...acc, ...obj}), {});
   arr2.forEach(obj => Object.assign(mergedObj, obj));