如何在 JavaScript 中有效複製物件數組？

在JavaScript 中複製物件陣列

陣列的結構

陣列的結構

複製物件數組時，考慮數組中物件的結構及其關係至關重要。如果對象引用數組中的其他對象，則淺拷貝只會複製引用，而不是建立新對象。

可用解決方案

有多種方法可以在JavaScript 中克隆物件數組，取決於特定要求：

1. StructuredClone (ES2021)

structuralClone方法是複製複雜物件的最現代、最有效的方法。它創建一個深層副本，保留原始數組中的結構和關係。

2. JSON.parse

如果物件可序列化為JSON，您可以使用JSON.stringify 將它們轉換為字串，然後使用JSON .parse 將它們解析回物件。此方法不適用於不可序列化的物件。

3.擴充運算子和 Array.map

對於淺物件克隆，您可以在 Array.map 中使用擴充運算子 ...。此方法會重新建立對象，但不會建立新的參考。它效率很高，僅適用於淺層物體。

4. jQuery 的深複製

雖然jQuery 的擴展方法可以用於淺複製，但深複製需要擴展（true，{}，originalArray ）。但是，這種方法可能會遇到遞歸問題。

效能注意事項

克隆方法的效能因物件的複雜性和結構而異。 StructuredClone 和 Spread 運算子通常更有效。所提供的附錄中範例數組的基準測試結果表明，擴展運算符比 JSON.stringify 快得多，使其成為淺層物件克隆的理想選擇。

結論克隆方法的選擇取決於應用的特定要求。對於複雜物件結構的深度克隆，建議使用 StructuredClone。對於可序列化物件的淺克隆，可以使用 JSON.stringify 或擴充運算子方法。

以上是如何在 JavaScript 中有效複製物件數組？的詳細內容。更多資訊請關注PHP中文網其他相關文章！