Massiivide destruktureerimine JavaScriptis

Selles tunnis analüüsime destruktureerimise operatsiooni massiivide puhul. See operatsioon on mõeldud massiivi elementide massekirjutamiseks muutujatesse ühe koodireaga.

Selle operatsiooni süntaks on järgmine:

javascriptlet [muutuja1, muutuja2, muutuja3] = massiiv;

Nagu näete, loetletakse märgi = vasakul pool ruutsulgudes muutujate nimed. Need muutujad deklareeritakse massiliselt läbi let, mis asub enne avavat sulgu.

Operatsiooni tulemusena kirjutatakse esimesse muutujasse massiivi esimene element (see tähendab võtmega null), teise muutujasse - teine, kolmandasse muutujasse - kolmas.

Vaatame praktilist näidet. Oletame, et meil on massiiv, mis sisaldab aastat, kuud ja päeva:

javascriptlet arr = [2025, 12, 31];

Kirjutame aasta, kuu ja päeva vastavatesse muutujatesse, kasutades destruktureerimist:

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

Vaatame meie muutujate sisu:

javascriptconsole.log(year);  // väljastab 2025
console.log(month); // väljastab 12
console.log(day);   // väljastab 31

Võrdluseks vaadake, kui ebamugavaks ja pikkaks kood muutub ilma destruktureerimiseta:

javascriptlet arr = [2025, 12, 31];

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

console.log(year);  // väljastab 2025
console.log(month); // väljastab 12
console.log(day);   // väljastab 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];