Что такое деструктуризация объектов в JavaScript?

Что означает «деструктуризация объекта» и каков результат операции деструктурирования?

Допустим, у вас есть объект с некоторыми свойствами:

const person = {
  firstName: 'Tom',
  lastName: 'Cruise',
  actor: true,
  age: 57
}

Вы можете извлечь только некоторые свойства объекта и поместить их в именованные переменные:

const { firstName, age } = person

Теперь у нас есть 2 новые переменные,firstNameиage, которые содержат желаемые значения:

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

Значение, присвоенное переменным, не зависит от порядка, в котором мы их перечисляем, но оно основано на именах свойств.

Вы также можете автоматически присвоить свойство переменной с другим именем:

const { firstName: name, age } = person

Теперь вместо переменной с именемfirstName, как и в предыдущем примере, у нас естьnameпеременная, содержащаяperson.firstNameценить:

console.log(name) // 'Tom'

Скачать мою бесплатнуюРуководство для начинающих по JavaScript


Больше руководств по js: