Зачем нужна деструктуризация

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

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

const user = { name: 'Alex', age: 30 };
const { name, age } = user;
console.log(name); // 'Alex'

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

const colors = ['red', 'green', 'blue'];
const [firstColor, , thirdColor] = colors;
console.log(firstColor); // 'red'

Плюсы:

• Уменьшает шаблонный код
• Позволяет пропускать ненужные элементы (в массивах)
• Можно переименовывать свойства (например, const { name: userName } = user;)
• Работает с параметрами функций