Object destructuring in javascript?

Object destructuring is a feture which was introduce in ES6 it is a way to extract the value into smaller parts and assign eact part to separate variable.

It make the code shorter and more clear.

without object destructuring

const profile = {
"firstName": "Bilal",
"MiddleName": "Khan"
}

const uName = profile.firstName;
const uMiddleName = profile.MiddleName;

console.log({uName, uMiddleName});

// Output { "firstName": "Bilal", "MiddleName": "Khan"}

//If we have 15+ keys in the object it become so much complex :(        

Using object destructuring

const profile = {
"firstName": "Bilal",
"MiddleName": "Khan"
}

const {firstName, MiddleName} = profile 
console.log({firstName, MiddleName});

// Output { "firstName": "Bilal", "MiddleName": "Khan"}

// try to run the code in console ;)        

Enjoy!!