JavaScript数组复制：`new Array(...arr)`与`[...arr]`有何区别？（数组.复制.有何区别.JavaScript.arr.....）

wufei123 2025-04-07 阅读:143 评论:0

JavaScript数组复制：[...arr]与new Array(...arr)的差异及最佳实践在javascript中复制数组看似简单，实则暗藏陷阱。本文深入探讨let array = new array(...arr)这种复制方法，...

JavaScript数组复制：[...arr]与new Array(...arr)的差异及最佳实践

在javascript中复制数组看似简单，实则暗藏陷阱。本文深入探讨let array = new array(...arr)这种复制方法，尤其关注arr为[1]时，array为空数组的特殊情况，并对比[...arr]与new array(...arr)两种方法的优劣。

let array = new Array(...arr)在arr为[1]时，结果为空数组，并非直观预期的[1]。这是因为new Array()构造函数的行为并非简单的数组复制。当new Array()仅接收一个数字参数时，它创建的是一个长度为该数字的空数组，而非包含该数字的数组。因此，...arr展开为1，new Array(1)生成一个长度为1的空数组。

要理解此差异，需参考JavaScript官方文档，了解Array构造函数的多种用法：它可接收多个参数创建数组，接收一个数字参数指定数组长度，或不接收参数创建空数组。这与数组字面量[]或[...]有本质区别。

[...arr]，即展开语法，将arr的所有元素复制到一个新数组。无论arr包含什么，[...arr]都创建一个包含这些元素的新数组。例如，arr为[1]时，[...arr]结果为[1]，符合预期。

因此，new Array(...arr)和[...arr]的主要区别在于：前者使用Array构造函数，单个数字参数时创建空数组；后者使用展开语法，创建包含原数组所有元素的新数组，更安全、更符合直觉。建议在实际开发中优先使用[...arr]进行数组复制，避免new Array()在参数为单个数字时产生的歧义。

JavaScript数组复制：`new Array(...arr)`与`[...arr]`有何区别？