Search⌘ K
AI Features
Home
Courses
JavaScript In Practice: ES6 And Beyond

Destructuring Examples

Learn how to use ES6 destructuring to simplify the assignment of object properties and array elements in JavaScript. Understand right-associative behavior, parallel execution, and shorthand notation to write cleaner and more efficient code.

We'll cover the following...

Consider the following examples:

Node.js
let user = {
    name        : 'Ashley',
    email       : 'ashley@ilovees2015.net',
    lessonsSeen : [ 2, 5, 6, 7, 9 ],
    nextLesson  : 10
};
let { email, nextLesson } = user;
console.log(user);
// email becomes 'ashley@ilovees2015.net'
// nextLesson becomes 10

In a destructuring expression L = R, we take the right value R, and break it down so that the new variables in L can be assigned a value. In the above code, we used the object property shorthand notation.

Node.js
let { email, nextLesson } = user;

Without this shorthand notation, our code will look like this:

Node.js
let {
    email: email,
    nextLesson: nextLesson
} = user;
console.log(user)

In this case, the above code is equivalent with the ...