JavaScript數組拷貝：new Array(…arr)和[…arr]的區別是什么？

JavaScript數組拷貝：避免陷阱，選擇高效方法

在javascript開發中，復制數組是常見操作。然而，new Array(…arr)方法存在潛在陷阱。例如，當原數組arr為[1]時，let array = new Array(…arr)的結果卻為空數組。本文將分析此問題，并比較new Array(…arr)和[…arr]兩種方法的優劣。

new Array(…arr)的問題在于Array構造函數的行為。當傳入單個數字參數時，它被解釋為數組長度而非元素值。因此，new Array(1)創建的是長度為1的空數組，而非包含元素1的數組。當arr為[1]時，展開運算符將其轉換為參數1，導致結果與new Array(1)相同。

new Array(…arr)和[…arr]的主要區別在于：[…arr]使用展開運算符直接創建一個新數組，并將原數組的所有元素復制到新數組中。這種方法簡潔明了，避免了new Array()構造函數在處理單個數字參數時的歧義。它能正確處理各種情況，包括arr為[1]的情況，結果為包含元素1的新數組。

綜上，為了避免new Array(…arr)方法潛在的錯誤，推薦使用更可靠、更簡潔的[…arr]方法進行數組拷貝。[…arr]能準確復制數組所有元素，不受單個數字參數限制，確保代碼的健壯性。

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

以上就是JavaScript數組拷貝：new Array(…arr)和[…arr]的