JavaScript数组复制的正确方法：[…arr]与new Array(…arr)的区别是什么？

JavaScript数组复制：避开陷阱，选择最佳方法

在javascript开发中，数组复制是常见操作。然而，new Array(…arr) 这种复制方法却可能导致意想不到的结果。例如，当原数组 arr 为 [1] 时，let array = new Array(…arr) 生成的 array 竟为空数组！本文将深入分析其原因，并对比 new Array(…arr) 和 […arr] 两种方法的优劣。

问题根源在于 new Array() 构造函数的行为。当仅传入一个数字参数时，它会被解释为数组长度，而非数组元素。因此，new Array(1) 创建的是长度为 1 的空数组，而非包含元素 1 的数组。当 arr 为 [1] 时，new Array(…arr) 展开后参数变为 1，最终结果就是一个空数组。

为了避免这种歧义，建议使用数组字面量 […arr] 进行数组复制。展开运算符 … 会将 arr 中所有元素复制到新数组中，无论 arr 内容如何，都能保证正确复制。[…arr] 方法更直观、可靠，避免了 new Array() 构造函数在处理单个数字参数时的歧义。 因此，[…arr] 是更推荐的数组复制方法。

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

理解 new Array() 构造函数在不同参数下的行为，对于编写高质量JavaScript代码至关重要。

以上就是JavaScript数组复制的正确方法：[…arr]与new Array(…arr)的