那些年我们用过的JavaScript拼接数组的方法！

JavaScript 中拼接数组的多种方法

1. 使用Array.concat()方法

Array.concat()方法是JavaScript中用于拼接数组的内置方法。它接受一个或多个数组作为参数，并返回一个新的数组，其中包含了所有参数数组中的元素。

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

const array3 = array1.concat(array2);

console.log(array3); // 输出：[1, 2, 3, 4, 5, 6]

2. 使用数组连接符(+)

数组连接符(+)也可以用于拼接数组。它将两个或多个数组连接成一个新的数组，新数组中包含了所有参数数组中的元素。

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

const array3 = array1 + array2;

console.log(array3); // 输出：[1, 2, 3, 4, 5, 6]

3. 使用字符串拼接

字符串拼接也可以用于拼接数组。首先，将数组转换为字符串，然后使用字符串拼接操作符(+)将字符串连接起来。最后，再将字符串转换为数组。

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

const string1 = array1.toString();
const string2 = array2.toString();

const string3 = string1 + string2;

const array3 = string3.split(",");

console.log(array3); // 输出：[1, 2, 3, 4, 5, 6]

4. 使用第三方库

除了上述内置方法之外，还可以使用第三方库来拼接数组。例如，可以使用lodash库的_.concat()方法。

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

const array3 = _.concat(array1, array2);

console.log(array3); // 输出：[1, 2, 3, 4, 5, 6]

总结

在JavaScript中，拼接数组的方法有很多。最常用的是Array.concat()方法和数组连接符(+)。字符串拼接和第三方库也可以用于拼接数组，但它们的使用频率较低。

在选择拼接数组的方法时，需要考虑以下因素：

• 数组的大小
• 数组中元素的类型
• 所需的性能
• 代码的可读性

根据这些因素，选择最合适的方法可以提高代码的性能和可读性。