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)方法有何