0 Tage Serie
javascript / intermediate
Snippet

Tiefes Klonen mit structuredClone

Die Methode structuredClone() erstellt eine tiefe Kopie eines gegebenen Wertes mithilfe des 'Structured Clone'-Algorithmus. Im Gegensatz zu flachen Kopien oder JSON.parse-Hacks verarbeitet sie verschachtelte Objekte, Arrays und sogar Typen wie Date oder Map korrekt.

snippet.js
javascript
1
2
3
4
5
const user = { name: 'Alice', meta: { id: 1 } };
const deepCopy = structuredClone(user);
deepCopy.meta.id = 2;
console.log(user.meta.id); // 1
console.log(deepCopy.meta.id); // 2
Erklärung
1
const deepCopy = structuredClone(user);
Erstellt eine vollständig unabhängige Kopie des Objekts und aller verschachtelten Eigenschaften.
2
deepCopy.meta.id = 2;
Das Ändern des Klons hat keine Auswirkungen auf das Originalobjekt.
3
console.log(user.meta.id);
Der Originalwert bleibt unverändert bei 1.