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

Разберем, как использовать синтаксис деструктурирования для работы с массивами и объектами в JavaScript.

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

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

name и age содержат желаемые значения.

Синтаксис также работает на массивах:

const a = [1, 2, 3, 4, 5]
const [first, second] = a

Этот оператор создает 3 новые переменные, получая элементы с индексами 0, 1 и 4 из массива a:

const [first, second, , , fifth] = a