Masīvu destrukturizācija JavaScript

Šajā nodarbībā mēs analizēsim destrukturizācijas operāciju masīviem. Šī operācija ir paredzēta, lai masveidā ierakstītu masīva elementus mainīgajos vienā koda rindā.

Šīs operācijas sintakse ir šāda:

javascriptlet [mainīgais1, mainīgais2, mainīgais3] = masīvs;

Kā redzat, pa kreisi no = zīmes kvadrātiekavās ir uzskaitīti mainīgo nosaukumi. Šie mainīgie tiek masveidā deklarēti ar let, kas atrodas pirms atverošās iekavas.

Operācijas rezultātā pirmajā mainīgajā tiks ierakstīts masīva pirmais elements (tas ir, ar atslēgu nulle), otrajā mainīgajā - otrais, trešajā mainīgajā - trešais.

Apskatīsim praktisku piemēru. Pieņemsim, ka mums ir masīvs, kurā glabājas gads, mēnesis un diena:

javascriptlet arr = [2025, 12, 31];

Ierakstīsim gadu, mēnesi un dienu atbilstošajos mainīgajos, izmantojot destrukturizāciju:

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

Apskatīsim mūsu mainīgo saturu:

javascriptconsole.log(year);  // izvadīs 2025
console.log(month); // izvadīs 12
console.log(day);   // izvadīs 31

Salīdzinājumam apskatiet, cik neērti un gari izskatītos kods bez destrukturizācijas:

javascriptlet arr = [2025, 12, 31];

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

console.log(year);  // izvadīs 2025
console.log(month); // izvadīs 12
console.log(day);   // izvadīs 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];