JS合并两个数组的3种方法详解

2024年1月28日发(作者：)

JS合并两个数组的3种方法详解

1、concat(方法

使用这种方法合并两个数组就是使用(方法。它接受任意个数的参数，把它们全部合并成一个数组。

语法：

(array2, array3, ..., arrayX)

实例：

var arr1 = ["a", "b", "c"];

var arr2 = ["d", "e", "f"];

((arr2));

输出：["a","b","c","d","e","f"]

concat(方法适用于任何数据类型，可以把任意个数的参数合并到一个数组中。

2、push(方法

另一种方法是使用(方法，它接受任意个数的参数，把这些参数的值依次加到原数组的末尾。

语法：

(element1,element2,...,elementX)

实例：

var arr1 = ["a", "b", "c"];

var arr2 = ["d", "e", "f"];

(arr1, arr2);

(arr1);

输出：["a","b","c","d","e","f"]

push(方法只能用于将元素加到末尾，如果要在数组的中间插入元素，请使用slice(、splice(、indexOf(等方法。

3、ES6新增的

ECMAScript 6（简称ES6）新增了一种更为简洁的方法：(，它可以将两个数组进行合并。

语法：

let arr3=[...array1,...array2]

实例：

var arr1 = ["a", "b", "c"];

var arr2 = ["d", "e", "f"];

let arr3=[...arr1,...arr2]

(arr3);

输出：["a","b","c","d","e","f"]

spread(方法与push(方法不同，它是将两个数组进行合并，而push(方法是把参数的值依次加到原数组的末尾。