Destructuring in Arrays & Objects

 Today we will learn about the de structuring in java script. Let us take a simple example how a regular array is defined

var capital =["Delhi","London","Paris"] now if we want to access London then we have to pass the value as capital[1]. 

Now an alternate way and when we want to remember the names rather than indexes to query an array is var [India,England,France] = ["Delhi","London","Paris"] 

In here in order to access London we can say console.log(England) and the output would be London

This is a simple way to de structure an array. Similarly we can do the same the for an object as well

const myfav = { fruit: "apple", color: "red" };

console.log(myfav);

If we have multiple values in an object

const myfav = [

{ fruit: "apple", color: "red" },

{ fruit: "mango", color: "yellow" }

];

Now if we have to get mango details then it should be console.log(myfav[1]);

Now applying destructuring here

const [apple, mango] = [

{ fruit: "apple", color: "red" },

{ fruit: "mango", color: "yellow" }

];

In the above example we can rename the attributes in following way

const { fruit: fruitname, color: fruitcolor } = apple;

console.log(fruitname);

The result here would be apple