Destructuring Objects & Arrays
Destructuring provides a clean syntax for extracting values from objects and arrays. It's essential for working with JSON data efficiently.
Object Destructuring
Renaming Variables
Default Values
Nested Destructuring
Array Destructuring
Destructuring in Functions
Exercise: Extract Properties
Exercise: Nested Destructuring
Exercise: Array Destructuring
Key Points
- Object:
const { prop } = obj - Rename:
const { prop: newName } = obj - Default:
const { prop = default } = obj - Nested:
const { outer: { inner } } = obj - Array:
const [a, b] = arr - Rest:
const [first, ...rest] = arr