如何在 JavaScript 中高效率地深度複製物件？

JavaScript 中的深度克隆

建立JavaScript 物件的深度克隆是一種常見需求，特別是在對克隆物件的修改不應影響的環境中原來的。本文探討了在 JavaScript 中執行深度複製的最高效、最優雅的方法。

Vanilla JavaScript 方法

對於與框架無關的方法，最簡單的方法涉及JSON 序列化:

const cloned = JSON.parse(JSON.stringify(objectToClone));

此方法有效地建立一個具有自己的屬性和值的新對象，確保對克隆的變更不會影響原來的。但是，它可能不適合所有情況，尤其是在處理具有循環引用或不可序列化值的複雜物件時。

使用堆疊的遞歸方法

更強大的方法方法使用帶有堆疊的遞歸演算法來追蹤已複製的物件。此方法遞歸地遍歷對象，複製嵌套物件和陣列：

function deepClone(object) {
    const stack = [object];
    const cloned = {};

    while (stack.length) {
        const current = stack.pop();
        cloned[current.id] = current.value;

        if (Array.isArray(current.value)) {
            stack.push({ id: current.id, value: cloned[current.id].slice() });
        } else if (typeof current.value === "object" && current.value !== null) {
            const newId = Date.now();
            stack.push({ id: newId, value: current.value });
            cloned[current.id][current.key] = cloned[newId];
        }
    }

    return cloned;
}

處理閉包和循環參考

克隆帶有閉包或循環引用的對象需要小心處理。對於閉包，有必要在克隆時捕獲閉包的狀態。對於循環引用，必須透過跳過已複製的物件來防止無限遞歸。

邊緣情況注意事項

深度複製對於邊緣情況可能會出現意外行為，例如DOM 物件和 getter/setter 函數。了解這些限制並使用適當的方法來處理特定類型的物件非常重要。

結論

JavaScript 中的深度克隆可以透過多種方法實現，每種方法都有其特點自己的優點和限制。 JSON 序列化方法簡單但有局限性，而使用堆疊的遞歸方法提供了更大的靈活性和穩健性。透過了解邊緣情況並選擇適當的技術，開發人員可以有效地建立深度克隆，以保持原始物件的狀態而不影響它。

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