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

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

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

// Деструктуризация объекта
const { name, age } = user;
console.log(name); // 'Alex'
console.log(age);  // 30

Можно:

• Переименовывать свойства: const { name: userName } = user
• Указывать значения по умолчанию: const { role = 'user' } = user
• Деструктурировать вложенные объекты: const { address: { city } } = user
• Использовать rest-оператор: const { name, ...rest } = user

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