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

Основний синтаксис

const numbers = [1, 2, 3];

const [first, second, third] = numbers;

console.log(first); // 1
console.log(second); // 2
console.log(third); // 3

Пропуск елементів

Можна пропускати елементи масиву, якщо вони не потрібні.

const numbers = [1, 2, 3, 4, 5];

const [first, , third] = numbers;

console.log(first); // 1
console.log(third); // 3

Значення за замовчуванням

Якщо елемент масиву відсутній або має значення undefined, можна встановити значення за замовчуванням.

const numbers = [1, 2];

const [first, second, third = 0] = numbers;

console.log(first); // 1
console.log(second); // 2
console.log(third); // 0 (значення за замовчуванням)

Обмін значень

Деструктуризація дозволяє легко обмінювати значення змінних.

let a = 1;
let b = 2;

[a, b] = [b, a];

console.log(a); // 2
console.log(b); // 1