Masyvų destruktūrizacija JavaScript

Šioje pamokoje išnagrinėsime masyvų destruktūrizacijos operaciją. Ši operacija skirta masiniam masyvo elementų įrašymui į kintamuosius vienoje kodo eilutėje.

Šios operacijos sintaksė yra tokia:

javascriptlet [kintamasis1, kintamasis2, kintamasis3] = masyvas;

Kaip matote, kairėje nuo ženklo = kvadratiniuose skliaustuose išvardinami kintamųjų vardai. Šie kintamieji masiniu būdu deklaruojami naudojant let, kuris yra prieš atvirąjį skliaustą.

Operacijos rezultate į pirmą kintamąjį įrašomas pirmasis masyvo elementas (tai yra su raktu nuliu), į antrą kintamąjį - antrasis, į trečią kintamąjį - trečiasis.

Pažiūrėkime į praktinį pavyzdį. Tarkime, kad turime masyvą, kuriame saugomi metai, mėnuo ir diena:

javascriptlet arr = [2025, 12, 31];

Įrašykime metus, mėnesį ir dieną į atitinkamus kintamuosius, naudodami destruktūrizaciją:

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

Pažiūrėkime į mūsų kintamųjų turinį:

javascriptconsole.log(year);  // išvestų 2025
console.log(month); // išvestų 12
console.log(day);   // išvestų 31

Palyginimui pažiūrėkite, kokiu nepatogiu ir ilgu taps kodas be destruktūrizacijos:

javascriptlet arr = [2025, 12, 31];

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

console.log(year);  // išvestų 2025
console.log(month); // išvestų 12
console.log(day);   // išvestų 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];