Що таке деструктуризація?

Деструктуризація в JavaScript є зручним синтаксичним цукром, який дозволяє витягувати дані з масивів та об'єктів і записувати їх у змінні коротшим і наочнішим способом. Цей підхід значно скорочує обсяг шаблонного коду.

При роботі з масивами деструктуризація дозволяє присвоювати елементам нові змінні за їхнім суворим порядком слідування. Наприклад, конструкт виду const [a, b] витягує перші два елементи масиву у відповідні константи.

Для об'єктів зіставлення відбувається не за порядком, а за точними іменами ключів. Запис виду const {name, age} автоматично витягує властивості name та age з переданого об'єкта user незалежно від їхнього розташування у вихідній структурі.

Якщо ім'я існуючого ключа не підходить для поточного контексту або конфліктує з уже оголошеними змінними, мова дозволяє перейменувати змінну прямо під час деструктуризації. Для цього використовується двокрапка, наприклад, при витяганні ключа name у нову змінну n.

Додаткову гнучкість надають значення за замовчуванням, які можна задати на випадок відсутності властивості. Їх можна вказати, записавши знак рівності та потрібне значення прямо всередині шаблону деструктуризації.

Крім того, підтримується глибока або вкладена деструктуризація. Вона дозволяє дістатися до властивостей внутрішніх об'єктів одним рядком коду, витягуючи властивість із вкладеного об'єкта за допомогою комбінації двокрапки та фігурних дужок.