JavaScript中将数组进行合并的基本方法讲解

JavaScript中将数组进行合并的基本方法有多种， 下面我将详细介绍其中的三种方法。

使用concat()方法

concat()方法是JavaScript中最基本的合并数组的方法。它可以将多个数组连接成一个数组。我们可以在一个数组末尾添加一个或多个数组。这个方法会返回一个新数组，而不会改变原始数组。具体用法如下：

let arr1 = ["A", "B", "C"];
let arr2 = ["D", "E", "F"];
let arr3 = arr1.concat(arr2);

在这个示例中，我们先创建了两个数组: arr1 和 arr2， 然后通过调用 concat()方法将两个数组连接成一个新数组 arr3。最终，console.log(arr3)将会输出 ["A", "B", "C", "D", "E", "F"]。

使用spread操作符

ES6中新特性是spread操作符, 它是一个能把数组转成一个拆开的参数序列的操作符。利用这个特性可以轻松地合并多个数组，具体用法如下：

let arr1 = ["A", "B", "C"];
let arr2 = ["D", "E", "F"];
let arr3 = [...arr1, ...arr2];

在这个示例中，我们先创建了两个数组: arr1 和 arr2。然后使用spread操作符将arr1和arr2连接成一个新数组arr3。最终，console.log(arr3)将会输出 ["A", "B", "C", "D", "E", "F"]。

使用concat()+spread操作符

如果你想同时连接多个数组并且不想写很多遍concat()的话, 可以在ES6中使用调用concat()结合spread操作符，具体用法如下：

let arr1 = ["A"];
let arr2 = ["B", "C"];
let arr3 = ["D"];
let arr4 = [...arr1, ...arr2, ...arr3];

在这个示例中，我们先创建了4个数组: arr1, arr2, arr3和arr4。使用spread操作符将多个数组展开后，调用concat()方法依次连接多个数组，则可以得到新的数组arr4。最终，console.log(arr4)将会输出 ["A", "B", "C", "D"]。

以上三种方法都是最常用的数组合并方法。希望你们对JS中数组合并有更好的理解和掌握。