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

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

Пример с массивом:

const arr = [1, 2, 3];
const [first, second] = arr; // first = 1, second = 2

Пример с объектом:

const user = { name: 'Alex', age: 25 };
const { name, age } = user; // name = 'Alex', age = 25

Особенности:

• Можно пропускать элементы (для массивов)
• Переименовывать свойства ({ name: userName })
• Устанавливать значения по умолчанию ({ role = 'user' })
• Вложенная деструктуризация

Работает в параметрах функций, что удобно для конфигов.