Деструктуриране на масиви в JavaScript

В този урок ще разгледаме операцията деструктуриране на масиви. Тази операция е предназначена за масово записване на елементи от масив в променливи в един ред код.

Синтаксисът на тази операция е следният:

javascriptlet [променлива1, променлива2, променлива3] = масив;

Както виждате, вляво от знака = в квадратни скоби са изброени имената на променливите. Тези променливи се декларират масово чрез let, който се намира пред отварящата скоба.

В резултат на операцията в първата променлива ще се запише първият елемент на масива (т.е. с ключ нула), във втората променлива - вторият, в третата променлива - третият.

Нека да разгледаме практически пример. Да предположим, че имаме масив, който съхранява година, месец и ден:

javascriptlet arr = [2025, 12, 31];

Нека запишем годината, месеца и деня в съответните променливи, използвайки деструктуриране:

javascriptlet arr = [2025, 12, 31];
let [year, month, day] = arr;

Нека разгледаме съдържанието на нашите променливи:

javascriptconsole.log(year);  // ще изведе 2025
console.log(month); // ще изведе 12
console.log(day);   // ще изведе 31

За сравнение вижте колко неудобен и дълъг ще бъде кодът без деструктуриране:

javascriptlet arr = [2025, 12, 31];

let year  = arr[0];
let month = arr[1];
let day   = arr[2];

console.log(year);  // ще изведе 2025
console.log(month); // ще изведе 12
console.log(day);   // ще изведе 31

javascriptlet arr = ['John', 'Smit', 'development', 'programmer', 2000];

let name       = arr[0];
let surname    = arr[1];
let department = arr[2];
let position   = arr[3];
let salary     = arr[4];