JavaScript 数组连接

KCCQM • 2025-04-12 01:13 • 编程

JavaScript 中的数组是一组值的有序列表。数组可以保存任何类型的数据，包括数字、字符串、对象等。在 JavaScript 中，连接两个或多个数组来创建一个新数组是很常见的操作。

一、concat() 方法

concat() 方法用于连接两个或多个数组。该方法不会改变现有数组，而是返回一个新数组，包含来自原始数组的所有元素。

该方法可以接受任意数量的参数，也可以接受一个数组参数。如果参数是一个数组，则该数组的元素将被添加到新数组中。

const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];
const arr3 = arr1.concat(arr2);

console.log(arr3); // ['a', 'b', 'c', 'd', 'e', 'f']

注意：concat() 方法不会改变原始数组，它只是返回一个新的连接后的数组。

展开运算符（…）可以用于展开数组中的元素。它可以在数组字面量和函数调用中使用。

const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];
const arr3 = [...arr1, ...arr2];

console.log(arr3); // ['a', 'b', 'c', 'd', 'e', 'f']

可以在数组字面量中使用展开运算符，以将一个数组的元素放入另一个数组中：

const arr1 = ['a', 'b', 'c'];
const arr2 = [...arr1, 'd', 'e', 'f'];

console.log(arr2); // ['a', 'b', 'c', 'd', 'e', 'f']

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

const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];

arr1.push(...arr2);

console.log(arr1); // ['a', 'b', 'c', 'd', 'e', 'f']

可以在数组字面量中使用 push() 方法，以将一个值添加到数组中：

const arr1 = ['a', 'b', 'c'];
const arr2 = [...arr1, 'd'];

console.log(arr2); // ['a', 'b', 'c', 'd']

splice() 方法通过删除或替换现有元素以及/或添加新元素来更改数组的内容。

splice() 方法的第一个参数表示开始更改的位置，第二个参数表示要删除的元素数。然后，您可以通过将更多参数传递给方法来插入新元素。

const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];

arr1.splice(1, 0, ...arr2);

console.log(arr1); // ['a', 'd', 'e', 'f', 'b', 'c']

在这个例子中，在索引值为 1 的位置插入了数组 arr2 的所有元素（没有删除现有元素）。

join() 方法将数组中的所有元素连接成一个字符串。可以指定所使用的分隔符。

const arr = ['a', 'b', 'c'];
const str = arr.join('-');

console.log(str); // 'a-b-c'

默认情况下，join() 方法使用逗号作为分隔符。如果要使用另一个分隔符，请将该分隔符作为参数传递给方法。

连接数组是 JavaScript 中一个常见的操作，有多种方法可以实现。常用的方法包括 concat()、spread operator（展开运算符）、push()、splice()、join() 等。具体用哪种方法，取决于您需要连接的数组数量、数组长度、需求是否需要改变原始数组等。

原创文章，作者：KCCQM，如若转载，请注明出处：https://www.506064.com/n/368575.html