JavaScript数组复制：[…arr]与new Array(…arr)方法有何区别及优劣？

JavaScript数组复制方法对比：避免new Array()陷阱

JavaScript中复制数组是常见操作，但方法选择不当可能导致错误。本文对比[…arr]和new Array(…arr)两种方法，并解释new Array()的潜在陷阱。

使用new Array(…arr)复制数组时，如果arr只有一个数字元素（例如[1]），则结果为空数组，这是因为new Array()将单个数字参数解释为数组长度而非元素。 MDN文档对此有详细说明，建议读者参考。

相比之下，[…arr]使用展开语法，直接复制数组元素到新数组，更简洁、直观，避免了new Array()的歧义。无论arr包含多少元素，[…arr]都能准确复制。

因此，推荐使用[…arr]复制数组，以避免new Array()在参数个数为一时可能出现的错误。 核心区别在于：new Array()基于构造函数，参数解释依赖参数个数；[…arr]使用展开语法直接复制元素，更符合预期，不易出错。

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

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