JavaScript Interview Question #25

What is destructuring in JavaScript?

JavaScript Fundamentals, Types, Scope & Functions Junior Beginner

Quick Interview Answer

Destructuring is syntax for extracting values from arrays or properties from objects into variables. It supports defaults, renaming, nested patterns, and rest elements.

Detailed Explanation

Destructuring is syntax for extracting values from arrays or properties from objects into variables. It supports defaults, renaming, nested patterns, and rest elements.

Destructuring is widely used in modern JavaScript because it makes parameter handling, object access, module imports, and array processing more concise. When destructuring objects, matching is based on property names rather than property order.

Code Example

const user = {
    name: "Asif",
    age: 30,
    city: "Multan"
};

const { name, city, age: years } = user;
console.log(name, city, years);

const numbers = [10, 20, 30];
const [first, second] = numbers;
console.log(first, second);