Search⌘ K
AI Features
Home
Courses
Let's learn ES6! Master new JavaScript features faster and easier

Destructuring

Explore how destructuring in ES6 lets you extract data from objects and arrays with concise syntax. Understand new variable creation, renaming variables, computed properties, and how to skip array elements. This lesson helps you write cleaner code and prepares you for using modules and React patterns effectively.

We'll cover the following...

Destructuring is a way for us to extract data from arrays and objects without having to manually create variables. Take this object for example.

Javascript (babel-node)
let person = {
    name: "Ryan",
    age: 30,
    location: "Toronto"
};

An example of the destructuring syntax would be this.

Javascript (babel-node)
let { age : personAge } = person;
console.log(personAge);

In the destructuring expression the left-hand value is the key from the object, and the right is the new variable we would like ...