JavaScript數組復制：`new Array(…arr)`與`[…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()在參數為單個數字時產生的歧義。

立即學習“Java免費學習筆記（深入）”；

以上就是JavaScript數組復制：`new Array(…arr)`與`[…arr]`有何