logo

Destructuring

How array and object destructuring works and common patterns for clean code.

Short explanation

Destructuring extracts values from arrays or objects into variables, making code concise and expressive.

Syntax example

const [a, b] = [1, 2];
const { name, age } = { name: 'Sam', age: 25 };

How JS handles it internally

The parser recognizes destructuring patterns and emits assignments that extract values, with support for defaults and nested patterns.

FAQ

Q: Is destructuring slower?

A: Slight overhead exists but readability and maintainability usually win; avoid over-destructuring in performance-critical loops.