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:

let [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:

let arr = [2025, 12, 31];

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

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

Apskatīsim mūsu mainīgo saturu:

console.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:

let 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

Sekojošajā kodā masīva daļas tiek ierakstītas atbilstošajos mainīgajos:

let 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];

Pārveidojiet šo kodu, izmantojot destrukturizāciju, saskaņā ar apgūto teoriju.