Деструктуризація масивів

Деструктуризація масивів дозволяє розпаковувати елементи масиву і присвоювати їх змінним. Деструктуризацію масивів виконують за допомогою квадратних дужок []. Спочатку вказують ключове слово const або let. Змінним, зазначеним у квадратних дужках [], будуть послідовно присвоюватися значення елементів масиву вказаного справа від симовлу присвоєння.

const color = [39, 170, 225];

const [red, green, blue] = color;

console.log(red); //39
console.log(green); //170
console.log(blue); //225

Причому можна спочатку створити змінні, а потім присвоїти їм значення.

const color = [39, 170, 225];
let red, green, blue;

[red, green, blue] = color;

console.log(red); //39
console.log(green); //170
console.log(blue); //225

Змінних може бути більше ніж елементів масиву. В такому разі можна передбачити значення за замовчанням.

const color = [39, 170, 225];

const [red, green, blue, alfa = 0.7] = color;

console.log(red); //39
console.log(green); //170
console.log(blue); //225
console.log(alfa); //0.7

Із масива можна деструктуризувати тільки частину елементів, а решту винести в окремий масив за допомогою операції ... rest.

const winners = ["Maria", "Alex", "Helga", "Mathew", "Michael", "Oliver"];

const [gold, silver, bronze, ...args] = winners;

console.log(gold); //Maria
console.log(silver); //Alex
console.log(bronze); //Helga
console.log(args); //["Mathew", "Michael", "Oliver"];

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

const winners = ["Maria", "Alex", "Helga", "Mathew", "Michael", "Oliver"];

const [, , , ...args] = winners;

console.log(args); //["Mathew", "Michael", "Oliver"];