JavaScript數組復制：new Array(…arr)與[…arr]哪種方法更可靠？

JavaScript數組復制：選擇更可靠的方法

在JavaScript中，復制數組看似簡單，卻潛藏著陷阱。本文分析let Array = new Array(…arr)在特定情況下產生空數組的原因，并比較new Array(…arr)和[…arr]兩種方法的可靠性。

問題：當使用let array = new Array(…arr)復制數組arr，且arr為[1]時，array為空數組。這是因為new Array()構造函數在接收單個數字參數時，會誤將其解釋為數組長度，而非數組內容。new Array(1)創建的是長度為1的空數組，而非包含元素1的數組。

解決方案：推薦使用擴展運算符(…)創建數組的淺拷貝：[…arr]。此方法能正確復制數組所有元素，因為它創建一個新數組，其元素是arr中元素的副本，不會將單個數字參數誤認為數組長度。

總結：new Array(…arr)和[…arr]的關鍵區別在于new Array()構造函數處理單個數字參數的方式。為了避免錯誤，建議在實際開發中始終使用擴展運算符[…arr]進行數組淺拷貝。 這能確保數組復制的可靠性和一致性。

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