Деструктуризация (destructuring) - это способ извлечения значений из массивов или объектов и присваивания их локальным переменным. Это позволяет более удобно работать с данными, избегая необходимости обращаться к свойствам и элементам массивов через точечную нотацию.

Деструктуризация может быть использована для извлечения одного или нескольких значений из массива или объекта и присвоения их переменным. Она также может быть использована для работы с вложенными объектами или массивами.

Деструктуризация массивов:

const arr = [1, 2, 3]
 
const [a, b, c] = arr
 
console.log(a) // 1
console.log(b) // 2
console.log(c) // 3

В этом примере, мы объявляем массив arr и деструктурируем его, извлекая значения в переменные a, b, и c.

Деструктуризация объектов:

const obj = { a: 1, b: 2, c: 3 }
 
const { a, b, c } = obj
 
console.log(a) // 1
console.log(b) // 2
console.log(c) // 3

В этом примере, мы объявляем объект obj и деструктурируем его, извлекая значения свойств в переменные a, b, и c.

Деструктуризация массивов и объектов может быть комбинирована:

const obj = { a: 1, b: 2, c: [3, 4] }
 
const {
  a,
  b,
  c: [d, e],
} = obj
 
console.log(a) // 1
console.log(b) // 2
console.log(d) // 3
console.log(e) // 4

В этом примере, мы объявляем объект obj с вложенным массивом c, а затем деструктурируем его, извлекая значения свойств a, b и элементы массива c в переменные d и e.

Деструктуризация может быть очень удобна при работе с данными и упрощает доступ к элементам массивов или свойствам объектов.

Назад