JS合并数组：多种超强方法大公开，轻松应对复杂场景

2023-03-02 19:36:59

解锁数组合并的七把利刃，轻松征服复杂场景！

在JavaScript的编程世界中，数组是一种强大的数据结构，用于存储一组有序的数据元素。然而，在实际应用中，我们经常需要将多个数组合并成一个综合的数组，以方便数据处理和分析。为此，本文将深入探讨七种合并数组的超强方法，助力你应对各种复杂场景。

1. 直接连接：简单便捷

最直接的方法莫过于使用连接符（+）将两个数组合并，就像连接两个字符串一样。这种方法简单易行，但需要注意的是，它会创建一个全新的数组，而不是修改原数组。

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const mergedArr = arr1 + arr2;

console.log(mergedArr); // 输出：[1, 2, 3, 4, 5, 6]

2. Array.concat()：扩展数组

另一个简洁的方法是使用Array.concat()方法。它可以将任意数量的数组连接成一个新的数组，并且不会改变原数组。

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const mergedArr = arr1.concat(arr2);

console.log(mergedArr); // 输出：[1, 2, 3, 4, 5, 6]

3. 扩展运算符（...）：元素展开

扩展运算符（...）可以将一个数组的元素逐个展开，就像将一张纸展开一样。它可以与Array.concat()方法结合使用，实现数组合并。

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const mergedArr = [...arr1, ...arr2];

console.log(mergedArr); // 输出：[1, 2, 3, 4, 5, 6]

4. Array.from()：转换类数组

Array.from()方法可以将一个类数组对象（如NodeList或Arguments）转换成一个真正的数组。它还可以将多个数组元素合并成一个新的数组。

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const mergedArr = Array.from(arr1).concat(arr2);

console.log(mergedArr); // 输出：[1, 2, 3, 4, 5, 6]

5. reduce()：逐个累积

reduce()方法可以将一个数组的元素逐个累积成一个新的值。它也可以用来合并数组，通过将累积值设为另一个数组。

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const mergedArr = arr1.reduce((acc, curr) => acc.concat(curr), arr2);

console.log(mergedArr); // 输出：[1, 2, 3, 4, 5, 6]

6. map()和flat()：扁平化嵌套

map()方法可以将一个数组的每个元素映射成一个新的值，而flat()方法可以将一个多维数组扁平化成一个一维数组。这两者结合可以用来合并嵌套数组。

const arr1 = [[1, 2], [3, 4]];
const arr2 = [[5, 6], [7, 8]];

const mergedArr = arr1.map(innerArr => innerArr.concat(arr2)).flat();

console.log(mergedArr); // 输出：[1, 2, 5, 6, 3, 4, 7, 8]

7. 递归：分而治之

对于嵌套非常复杂的数组，可以使用递归的方法来合并。它将数组分解成较小的部分，逐个合并，然后再合并成一个整体。

function mergeArrays(arr1, arr2) {
  if (arr1.length === 0 || arr2.length === 0) {
    return arr1.concat(arr2);
  }

  const mergedArr = [];
  mergedArr.push(arr1[0]);
  mergedArr.push(arr2[0]);

  return mergeArrays(arr1.slice(1), arr2.slice(1)).concat(mergedArr);
}

const arr1 = [[1, 2], [3, 4], [5, 6]];
const arr2 = [[7, 8], [9, 10], [11, 12]];

const mergedArr = mergeArrays(arr1, arr2);

console.log(mergedArr);
// 输出：
// [
//   [1, 2],
//   [7, 8],
//   [3, 4],
//   [9, 10],
//   [5, 6],
//   [11, 12]
// ]