JavaScript7 min read

JavaScript Destructuring: Arrays and Objects

Master destructuring in JavaScript. Learn to extract values from arrays and objects easily.

Alex Thompson
Dec 18, 2025
23.7k663

JavaScript Destructuring

Array Destructuring

Extract values from arrays easily.

const numbers = [1, 2, 3];
const [first, second, third] = numbers;

console.log(first);  // 1
console.log(second); // 2

Object Destructuring

Extract properties from objects.

const user = { name: 'John', age: 25, email: 'john@example.com' };
const { name, age } = user;

console.log(name); // "John"
console.log(age);  // 25

Default Values

const { name, age = 18 } = user;

Key Takeaway

Destructuring extracts values easily. Use for arrays and objects. Saves code and makes it readable. Essential ES6 feature.

#JavaScript#Destructuring#ES6#Intermediate