How destructure array, object

Question

Accepted Answer

const fruits = ["Apple", "Banana", "Cherry"];

// Basic destructuring
const [first, second, third] = fruits;
console.log(first);  // Output: Apple
console.log(second); // Output: Banana
console.log(third);  // Output: Cherry

// Skipping elements
const [, , last] = fruits;
console.log(last); // Output: Cherry

// Using rest syntax
const [firstFruit, ...remainingFruits] = fruits;
console.log(firstFruit);       // Output: Apple
console.log(remainingFruits);  // Output: [ 'Banana', 'Cherry' ] const person = {
  name: "Alice",
  age: 25,
  job: "Engineer"
};

// Basic destructuring
const { name, age } = person;
console.log(name); // Output: Alice
console.log(age);  // Output: 25

// Renaming variables during destructuring
const { name: fullName, age: years } = person;
console.log(fullName); // Output: Alice
console.log(years);    // Output: 25

// Providing default values
const { name, city = "Unknown" } = person;
console.log(city); // Output: Unknown (because `city` is not in `person` object) const coordinates = [10, [20, 30]];

const [x, [y, z]] = coordinates;
console.log(x); // Output: 10
console.log(y); // Output: 20
console.log(z); // Output: 30

const student = {
  info: {
    name: "Bob",
    age: 22
  },
  grades: [90, 85, 88]
};

const { info: { name, age }, grades: [math, science, english] } = student;
console.log(name);   // Output: Bob
console.log(age);    // Output: 22
console.log(math);   // Output: 90
console.log(science); // Output: 85
console.log(english); // Output: 88 function printCoordinates([x, y]) {
  console.log(`X: ${x}, Y: ${y}`);
}

printCoordinates([10, 20]); // Output: X: 10, Y: 20

///
function displayPerson({ name, age }) {
  console.log(`Name: ${name}, Age: ${age}`);
}

displayPerson({ name: "Alice", age: 25 }); // Output: Name: Alice, Age: 25

How destructure array, object

Scenario Questions

Follow-up Questions