JavaScript数组拷贝： [...arr]和new Array(...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]能准确复制数组所有元素，不受单个数字参数限制，确保代码的健壮性。