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

А, ну вот, смотри, деструктуризация, блядь! Это такая штука, когда ты из этой, ну, кучи данных — будь то объект или массив — вытаскиваешь сразу по кусочку, как из пиццы, не разбирая всю коробку руками, а сразу хватаешь нужный кусок.

Вот представь, есть у тебя объект, как этот мужик user. И вместо того чтобы писать вечно user.name и user.age, ты можешь его, сука, разобрать на запчасти одной строчкой.

const user = { name: 'Alex', age: 30 };
const { name, age } = user; // Всё, пиздец, разобрали!
console.log(name); // 'Alex' — вот он, имя, на блюдечке
console.log(age);  // 30 — а вот и возраст, ёпта

С массивами та же фигня, только там по порядку, как в очереди за колбасой. Первый — первый, второй — второй.

const numbers = [1, 2, 3];
const [first, second] = numbers; // Хвать-хвать — и готово!
console.log(first);  // 1 — первый, ядрёна вошь
console.log(second); // 2 — второй, в рот меня чих-пых

А ещё там, понимаешь, приколов дохуя! Можно переименовывать, как будто даёшь человеку кличку. { name: userName } — и всё, теперь он не просто name, а userName, чтоб не путаться.

Можно и значения по умолчанию ставить, на случай, если в объекте этого добра нет — { name = 'Guest' }. Типа, если имени нет, то будешь "Гостем", и не ной.

И вложенности, блядь, поддерживает! Можно лезть внутрь, как крот, и доставать что надо из глубины. А в функциях — вообще красота, когда параметры приходят объектом, а ты их сразу в переменные раскидываешь. Удобно, сука, как швейцарский нож!