Let's Learn ES6 - Destructuring

Let's Learn ES6 - Destructuring - Array.js

//1

let numbers = [10,20,30,40];

let first = numbers[0]; //10
let second = numbers[1]; //20

let [first,second] = numbers;
console.log(first); //10
console.log(second); //20


let [first,second,,fourth] = numbers;
console.log(fourth); //40

let [first,second,...theRest] = numbers;
console.log(first); //10
console.log(second); //20
console.log(theRest); //[30, 40]

Let's Learn ES6 - Destructuring - Object.js

// Destructuring
let { <KEY> : <NEW_VAR> } = <OBJECT>
let { <KEY> } = <OBJECT>
  
<KEY> : key that we want to grab value from
<NEW_VAR> : new variable that we are tring to create to store value in
<OBJECT> : Object from which we are taking value.

//////////////////////////////////////////////////////////////
// 1
let person={
  name:"Kishan",
  age:30,
  location:"Toronto"
};

console.log(person.age); //30
console.log(person["age"]); //30
console.log(person['age']); //30

let {age:personAge} = person;
console.log(personAge); //30

let {age} = person;
console.log(age); //30

let {age , location : currentLocation} = person;
console.log(age); //30
console.log(currentLocation); //Toronto
      
let key = "age";
let { [key] : keyAge}=person;
console.log(keyAge); //30

///////////////////////////////////////////////////////////////////
//2