JS合并数组常用的三种方法

一、concat() 方法（最常用）

concat() 方法用于合并两个或多个数组。它不会改变现有数组，而是返回一个新数组。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const mergedArray = array1.concat(array2);

console.log(mergedArray); // [1, 2, 3, 4, 5, 6]

上面的代码中，我们定义了两个数组 array1 和 array2，然后使用 concat() 方法将它们合并成一个新数组 mergedArray。最终输出结果为 [1, 2, 3, 4, 5, 6]。

二、spread 操作符

ES6 中引入了展开运算符（spread operator），可以用来展开数组。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const mergedArray = [...array1, ...array2];

console.log(mergedArray); // [1, 2, 3, 4, 5, 6]

在上面的代码中，我们使用展开运算符 ... 将两个数组 array1 和 array2 展开，然后再放入一个新的数组中，从而实现数组的合并。

三、push() 方法

push() 方法用于将一个或多个元素添加到数组的末尾，并返回新数组的长度。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
array1.push(...array2);

console.log(array1); // [1, 2, 3, 4, 5, 6]

在上面的代码中，我们首先定义了两个数组 array1 和 array2，然后使用 push() 方法将 array2 中的元素添加到 array1 结尾，最终 array1 的内容变为 [1, 2, 3, 4, 5, 6]。