js merge合并数组|极客笔记

js merge合并数组

在开发过程中，我们经常需要处理数组数据。而在某些情况下，我们希望将多个数组合并成一个大数组。在JavaScript中，我们可以使用几种方法来实现数组的合并。在本文中，我们将介绍常见的几种方法，并提供示例代码来演示它们的用法。

1. 使用concat()方法

JavaScript数组提供了一个concat()方法，用于将多个数组合并成一个新数组。这个方法不会改变原始数组，而是返回一个新数组，其中包含合并后的所有元素。

语法

array1.concat(array2, array3, ..., arrayX)

示例代码

let array1 = [1, 2, 3];
let array2 = [4, 5];
let array3 = [6, 7, 8];

let mergedArray = array1.concat(array2, array3);

console.log(mergedArray);

运行结果

[1, 2, 3, 4, 5, 6, 7, 8]

2. 使用扩展运算符

在ES6中，引入了扩展运算符(...)，可以用于将一个数组展开成多个参数。我们可以利用这个特性来合并多个数组。

示例代码

let array1 = [1, 2, 3];
let array2 = [4, 5];
let array3 = [6, 7, 8];

let mergedArray = [...array1, ...array2, ...array3];

console.log(mergedArray);

运行结果

[1, 2, 3, 4, 5, 6, 7, 8]

3. 使用for循环

除了以上两种方法外，我们还可以使用for循环遍历多个数组，将它们的元素逐个添加到一个新数组中，从而实现合并。

示例代码

let array1 = [1, 2, 3];
let array2 = [4, 5];
let array3 = [6, 7, 8];

let mergedArray = [];

for (let i = 0; i < array1.length; i++) {
  mergedArray.push(array1[i]);
}

for (let i = 0; i < array2.length; i++) {
  mergedArray.push(array2[i]);
}

for (let i = 0; i < array3.length; i++) {
  mergedArray.push(array3[i]);
}

console.log(mergedArray);

运行结果

[1, 2, 3, 4, 5, 6, 7, 8]

4. 使用reduce()方法

JavaScript数组的reduce()方法可以用于将多个数组递归地合并成一个新数组。这个方法需要一个回调函数作为参数，在每一次迭代中将两个数组合并。

示例代码

let array1 = [1, 2, 3];
let array2 = [4, 5];
let array3 = [6, 7, 8];

let mergedArray = [array1, array2, array3].reduce((accumulator, currentValue) => {
  return accumulator.concat(currentValue);
}, []);

console.log(mergedArray);