Destructuring in JavaScript ermöglicht es, Werte aus Arrays oder Objekten direkt in Variablen zu extrahieren bzw. in neue Array/Objekte zu kopieren.
Dadurch wird der Code kürzer und lesbarer, besonders beim Zugriff auf tief verschachtelte Strukturen.
| Typ | Beschreibung | Beispiel | Ergebnis |
|---|---|---|---|
| Array Destructuring | Werte aus Array extrahieren | const [a,b] = [1,2]; | a=1, b=2 |
| Rest Operator | Restliche Werte in Array sammeln | const [a,...rest] = [1,2,3]; | a=1, rest=[2,3] |
| Default Values | Standardwert, falls undefined | const [a=0,b=1] = [5]; | a=5, b=1 |
| Objekt Destructuring | Werte nach Schlüssel extrahieren | const {name,age} = {name:"Alice", age:25}; | name="Alice", age=25 |
| Aliasing | Variable unter anderem Namen speichern | const {name:n} = {name:"Alice"}; | n="Alice" |
| Nested Destructuring | Verschachtelte Objekte / Arrays extrahieren | const {a:{b}} = {a:{b:2}}; | b=2 |
| Function Parameters | Direkt in Parameter destrukturieren | function greet({name,age}){console.log(name)} | greet({name:"Alice", age:25}) → "Alice" |
Hinweise:
- Destructuring macht Code kürzer und lesbarer, besonders bei Objekten mit vielen Eigenschaften.
- Rest Operator (
...) kann verwendet werden, um nicht extrahierte Werte zu sammeln. - Kombinierbar mit Default Values und Aliasing für sichere und flexible Zuweisungen.