Destructuring Nested Objects in JavaScript

Destructuring nested objects in JavaScript is a handy trick. It's a technique that allows you to extract specific pieces of data from deeply nested objects. Here's how you can do it:

The syntax for destructuring nested objects is straightforward:

const user = {
    name: "Niall",
    age: 32,
    address: {
        city: "New York",
        country: "USA"
    }
};

// Destructuring nested objects
const { name, address: { city, country } } = user;

console.log(name);   // Output: John
console.log(city);   // Output: New York
console.log(country);// Output: USA

By specifying the object's structure within curly braces, including any nested properties, you can extract the desired values in a single line of code.

Destructuring Nested Objects in JavaScript

Written by Niall Maher

Fetching comments