javascript-destructuring.js

// Old method
const myArray = ['apple', 'pear', 'orange', 'banana'];
let fruit1 = myArray[0];
let fruit2 = myArray[1];
let fruit3 = myArray[2];
let fruit4 = myArray[3];

//ES6 destructuring
let [fruit1, fruit2, fruit3, fruit4] = myArray; // much better isn't? 

// We can use it on objects to
let dog = {
 name: 'Toby',
 age: 3,
 breed: 'Beagle',
 features: {
 color: 'White and brown',
 favoriteToy: 'Plastic duck'
 }
}
// We can obtain the values like this with destructuring
let {name, age, breed} = dog;

// What if we want only name and age and all the other in another variable
let {name, age, …info} = dog;