如何使用JavaScript Array.prototype.concat()方法

2023-10-11 13:15:57

简介

JavaScript的Array.prototype.concat()方法将当前数组与一个或多个数组或值连接在一起，形成一个新数组。它不会修改原始数组，而是返回连接后的新数组。

语法

concat(...items)

参数

...items：要与当前数组连接的一个或多个数组或值。

返回值

一个包含原始数组与输入项连接后的新数组。

用法

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

// 将arr1和arr2连接在一起，形成一个新数组
const newArr = arr1.concat(arr2);

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

连接值

concat()方法也可以连接值，而不是数组：

const arr = [1, 2, 3];

// 将值4连接到数组中
const newArr = arr.concat(4);

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

连接多个数组和值

concat()方法可以连接任意数量的数组和值：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const val = 7;

// 将arr1、arr2和val连接在一起，形成一个新数组
const newArr = arr1.concat(arr2, val);

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

使用扩展运算符

ES6中的扩展运算符(...)可以将数组解构为单独的元素，并将其传递给concat()方法：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

// 使用扩展运算符将arr2解构为单独的元素
const newArr = arr1.concat(...arr2);

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