Destructuring
Destructuring extracts values from arrays or objects into variables in a single, readable statement.
JavaScript
Beginner
3 min read
Destructuring Introduction
Example
const [x, y] = [10, 20];
const { name, age } = { name: "Alice", age: 30 };
// Swap variables
let a = 1, b = 2;
[a, b] = [b, a]; // a=2, b=1
// Function return
function dims() { return { width: 800, height: 600 }; }
const { width, height } = dims(); Pro Tip
Destructuring does not mutate the source — it creates new variable bindings.
Related Resources
JavaScript Reference
Complete tag & property list
JavaScript How-To Guides
Step-by-step practical guides
JavaScript Exercises
Practice what you've learned
More in JavaScript