JS数组合并的几种方法|极客笔记

JS数组合并的几种方法

在JavaScript中，数组是一种非常常用的数据结构，经常需要对数组进行合并操作。本文将介绍几种常见的数组合并方法，包括concat方法、扩展运算符、push方法和使用Array.from方法。

1. concat方法

concat方法是JavaScript中用于合并数组的最基本方法之一，该方法可以将两个或多个数组合并成一个新的数组。

// 定义两个数组
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

// 使用concat方法合并数组
const newArr = arr1.concat(arr2);

console.log(newArr);

运行结果：

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

可以看到，使用concat方法可以将两个数组合并成一个新数组，而原数组arr1和arr2不会被修改。

2. 扩展运算符

扩展运算符（…）是ES6中引入的新语法，用于将一个数组转为用逗号分隔的参数序列。通过扩展运算符，可以方便地将多个数组合并成一个新数组。

// 定义两个数组
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

// 使用扩展运算符合并数组
const newArr = [...arr1, ...arr2];

console.log(newArr);

运行结果：

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

可以看到，通过扩展运算符同样可以将两个数组合并成一个新数组，代码更加简洁。

3. push方法

push方法是JavaScript中数组的一个内置方法，用于向数组的末尾添加一个或多个元素。通过遍历需要合并的数组，并使用push方法将元素添加到新数组中，也可以实现数组的合并。

// 定义两个数组
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

// 使用push方法合并数组
const newArr = [...arr1];
arr2.forEach(item => {
  newArr.push(item);
});

console.log(newArr);

运行结果：

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

通过push方法同样可以实现数组的合并，但相比之下代码稍显繁琐。

4. 使用Array.from方法

Array.from方法是ES6中新增的静态方法，用于从类数组对象或可迭代对象中创建一个新的数组实例。通过将需要合并的数组转为可迭代对象，可以使用Array.from方法实现数组的合并。

// 定义两个数组
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

// 使用Array.from方法合并数组
const newArr = Array.from(arr1).concat(arr2);

console.log(newArr);

运行结果：

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

可以看到，通过Array.from方法同样可以实现数组的合并，代码简洁清晰。

综上所述，本文介绍了几种常见的JavaScript数组合并方法，包括concat方法、扩展运算符、push方法和使用Array.from方法。开发者可以根据实际需求选择合适的方法来合并数组，从而提高代码的效率和可读性。

JS数组合并的几种方法