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
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); // 1console.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.