Destructuring Assignment

ES6 provides a new feature called destructing assignment that allows you to destructure properties of an object or elements of an array into individual variables.

let arr = ["Sihle", "Zulu", 20]

let [firstName, surname, age] = arr;

console.log(firstName); // output Sihle
console.log(surname);  // output Zulu
console.log(age); // output 20



let person = {
  title: "Mr",
  name: "Sihle",
  surname: "Zulu",
  age: 30 
};

let {title, name, surname, age} = person;

console.log(title);  // output Mr
console.log(name);  // output Sihle
console.log(surname); // output Zulu
console.log(age); // output 30
 

It’s called “destructuring assignment,” because it “destructurizes” by copying items into variables. But the array/object itself is not modified