JavaScript复制数组到新数组[复制]

在JavaScript中，复制一个数组到另一个新数组是一项基本任务。这个任务看起来简单，但实际上涉及到许多细节和技术。本文将深入探讨JavaScript中如何复制数组到新数组，并提供示例代码和指导意义。

使用slice()函数复制数组

JavaScript中最简单的方法来复制一个数组到新数组是使用slice()函数。该函数可以接收两个参数：起始索引和结束索引。如果省略第二个参数，则将复制从起始索引到最后一个元素的所有元素。以下是使用slice()函数复制数组的示例：

var arr1 = [1, 2, 3];
var arr2 = arr1.slice();
console.log(arr2); // 输出 [1, 2, 3]

在上面的代码中，我们首先创建一个数组arr1，然后通过调用slice()函数并将其结果赋值给arr2来复制arr1到一个新数组arr2。arr2现在包含与arr1相同的元素。

需要注意的是，slice()函数返回一个新的数组，而不是修改原始数组。这意味着，如果您更改原始数组的任何元素，它不会影响新数组。例如：

var arr1 = [1, 2, 3];
var arr2 = arr1.slice();
arr1[0] = 0;
console.log(arr1); // 输出 [0, 2, 3]
console.log(arr2); // 输出 [1, 2, 3]

使用concat()函数复制数组

另一个将数组复制到新数组的方法是使用concat()函数。该函数可以接收任意数量的参数，并将它们连接成一个新的数组。因此，我们可以传递一个数组作为参数来将其复制到新数组中。以下是使用concat()函数复制数组的示例：

var arr1 = [1, 2, 3];
var arr2 = [].concat(arr1);
console.log(arr2); // 输出 [1, 2, 3]

在上面的代码中，我们创建了一个空数组，并使用concat()函数将arr1连接到它。这将返回一个新的数组，其中包含arr1的所有元素。此时，arr2包含与arr1相同的元素。

需要注意的是，如果您在调用concat()函数时省略空数组，则会直接将原始数组复制到新数组中。例如：

var arr1 = [1, 2, 3];
var arr2 = arr1.concat();
console.log(arr2); // 输出 [1, 2, 3]

使用展开运算符(...)复制数组

JavaScript ES6引入了展开运算符(...)，它可以将一个数组拆分成单独的元素，或者将多个元素组合成一个数组。我们可以使用展开运算符(...)将一个数组复制到新数组中。以下是使用展开运算符(...)复制数组的示例：

var arr1 = [1, 2, 3];
var arr2 = [...arr1];
console.log(arr2); // 输出 [1, 2, 3]

在上面的代码中，我们使用...arr1将arr1的所有元素展开，并将它们作为单独的参数传递给一个新的数组。这样可以返回一个包含与arr1相同元素的新数组。

需要注意的是，展开运算符(...)只能用于ES6及以上版本的JavaScript。如果您需要支持旧版浏览器，则需要使用concat()函数或者slice()函数来复制数组。

总结

本文介绍了JavaScript中三个基本方法来复制数组到新数组：slice()函数、concat()函数和展开运算符(...)。这些

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14950