在JavaScript中，复制一个数组到另一个新数组是一项基本任务。这个任务看起来简单，但实际上涉及到许多细节和技术。本文将深入探讨JavaScript中如何复制数组到新数组，并提供示例代码和指导意义。
使用slice()函数复制数组
JavaScript中最简单的方法来复制一个数组到新数组是使用slice()函数。该函数可以接收两个参数：起始索引和结束索引。如果省略第二个参数，则将复制从起始索引到最后一个元素的所有元素。以下是使用slice()函数复制数组的示例：
--- ---- - --- -- --- --- ---- - ------------- ------------------ -- -- --- -- --
在上面的代码中，我们首先创建一个数组arr1，然后通过调用slice()函数并将其结果赋值给arr2来复制arr1到一个新数组arr2。arr2现在包含与arr1相同的元素。
需要注意的是，slice()函数返回一个新的数组，而不是修改原始数组。这意味着，如果您更改原始数组的任何元素，它不会影响新数组。例如：
--- ---- - --- -- --- --- ---- - ------------- ------- - -- ------------------ -- -- --- -- -- ------------------ -- -- --- -- --
使用concat()函数复制数组
另一个将数组复制到新数组的方法是使用concat()函数。该函数可以接收任意数量的参数，并将它们连接成一个新的数组。因此，我们可以传递一个数组作为参数来将其复制到新数组中。以下是使用concat()函数复制数组的示例：
--- ---- - --- -- --- --- ---- - ---------------- ------------------ -- -- --- -- --
在上面的代码中，我们创建了一个空数组，并使用concat()函数将arr1连接到它。这将返回一个新的数组，其中包含arr1的所有元素。此时，arr2包含与arr1相同的元素。
需要注意的是，如果您在调用concat()函数时省略空数组，则会直接将原始数组复制到新数组中。例如：
--- ---- - --- -- --- --- ---- - -------------- ------------------ -- -- --- -- --
使用展开运算符(...)复制数组
JavaScript ES6引入了展开运算符(...)，它可以将一个数组拆分成单独的元素，或者将多个元素组合成一个数组。我们可以使用展开运算符(...)将一个数组复制到新数组中。以下是使用展开运算符(...)复制数组的示例：
--- ---- - --- -- --- --- ---- - ---------- ------------------ -- -- --- -- --
在上面的代码中，我们使用...arr1将arr1的所有元素展开，并将它们作为单独的参数传递给一个新的数组。这样可以返回一个包含与arr1相同元素的新数组。
需要注意的是，展开运算符(...)只能用于ES6及以上版本的JavaScript。如果您需要支持旧版浏览器，则需要使用concat()函数或者slice()函数来复制数组。
总结
本文介绍了JavaScript中三个基本方法来复制数组到新数组：slice()函数、concat()函数和展开运算符(...)。这些
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/14950