Objects: Object destructuring

Given an object, you can extract just some values and put them into named variables:

const person = {
  firstName: 'Tom',
  lastName: 'Cruise',
  actor: true,
  age: 54, //made up
}

You can extract just some of the object properties and put them into named variables:

const { firstName, age } = person

Now we have 2 new variables, firstName and age, that contain the desired values:

console.log(firstName) // 'Tom'
console.log(age) // 54

The value assigned to the variables does not depend on the order we list them, but it’s based on the property names.

You can also automatically assign a property to a variable with another name:

const { firstName: name, age } = person

Now instead of a variable named firstName, like we had in the previous example, we have a name variable that holds the person.firstName value:

console.log(name) // 'Tom'

0:	Introduction
1:	How to create an object
2:	Object properties
3:	Objects are passed by reference
4:	Methods
5:	Passing objects as function arguments or returning objects from a function
6:	Accessing a property of the object inside a method using `this`
7:	▶︎ Object destructuring
8:	Cloning objects
9:	Sort an array of objects by a property value
10:	Merging two objects into one
11:	apply, call, bind