javascript / intermediate
Snippet
Tiefes Klonen von Objekten mit structuredClone
Die globale Funktion structuredClone erstellt eine tiefe Kopie eines Wertes. Sie verarbeitet zirkuläre Referenzen und eingebaute Objekte wie Date, Set und Map korrekt, im Gegensatz zu JSON.parse(JSON.stringify()).
snippet.js
1
2
3
4
5
6
7
8
9
10
const original = {id: 1,metadata: { created: new Date() },tags: new Set(['js', 'next'])};const copy = structuredClone(original);copy.metadata.created.setFullYear(2025);console.log(original.metadata.created.getFullYear()); // 2026
nextjs
Erklärung
1
const copy = structuredClone(original)
Erstellt eine echte tiefe Kopie, bei der auch verschachtelte Objekte geklont werden.
2
tags: new Set(['js', 'next'])
Komplexe Typen wie Set bleiben während des Klonvorgangs korrekt erhalten.