Как работает деструктуризация

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

Для объектов:

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

Для массивов:

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

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

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

Деструктуризация часто используется в параметрах функций, импортах модулей и работе с API.