Javascript ES6 Destructuring

 

Destructing Object Example

const data = {
    id: 1,
    name: 'yogesh',
    age: '29',
    address: {
        city: 'Gandhinagar',
        state: 'Gujarat',
        pincode: 382721
    }
}

const { id, name, age, address: { state } } = data;

We have set alias and default param value in destructuring like example below

const { id, name: fullname , age } = data;

const { id, name: fullname = "Yogesh Prajapati", age } = data;

Destructing Array of object Example

const Arraydata = [{
        id: 1,
        name: "yogesh",
        email: "yogesh@gmail.com",
        address: {
            city: "Gandhinagar"
        }
    },
    {
        id: 2,
        name: "ramesh",
        email: "ramesh@gmail.com",
        address: {
            city: "Mumbai"
        }
    },
    {
        id: 3,
        name: "mahesh",
        email: "mahesh@gmail.com",
        address: {
            city: "goa"
        }
    },
]

const [, , { address: { city: mahesh_city } }] = Arraydata

console.log(mahesh_city);