JavaScript数组拷贝：new Array(…arr)和[…arr]的区别是什么？

JavaScript数组拷贝：避免陷阱，选择高效方法

在javascript开发中，复制数组是常见操作。然而，new Array(…arr)方法存在潜在陷阱。例如，当原数组arr为[1]时，let array = new Array(…arr)的结果却为空数组。本文将分析此问题，并比较new Array(…arr)和[…arr]两种方法的优劣。

new Array(…arr)的问题在于Array构造函数的行为。当传入单个数字参数时，它被解释为数组长度而非元素值。因此，new Array(1)创建的是长度为1的空数组，而非包含元素1的数组。当arr为[1]时，展开运算符将其转换为参数1，导致结果与new Array(1)相同。

new Array(…arr)和[…arr]的主要区别在于：[…arr]使用展开运算符直接创建一个新数组，并将原数组的所有元素复制到新数组中。这种方法简洁明了，避免了new Array()构造函数在处理单个数字参数时的歧义。它能正确处理各种情况，包括arr为[1]的情况，结果为包含元素1的新数组。

综上，为了避免new Array(…arr)方法潜在的错误，推荐使用更可靠、更简洁的[…arr]方法进行数组拷贝。[…arr]能准确复制数组所有元素，不受单个数字参数限制，确保代码的健壮性。

立即学习“Java免费学习笔记（深入）”；

以上就是JavaScript数组拷贝：new Array(…arr)和[…arr]的