Destrukturalizácia polí v JavaScripte

V tejto lekcii rozoberieme operáciu destrukturalizácie polí. Táto operácia je určená pre hromadné zapísanie prvkov poľa do premenných v jednom riadku kódu.

Syntax tejto operácie je nasledovná:

javascriptlet [premenná1, premenná2, premenná3] = pole;

Ako vidíte, naľavo od znamienka = v hranatých zátvorkách sú uvedené mená premenných. Tieto premenné sú hromadne deklarované pomocou let, ktorý sa nachádza pred otváracou zátvorkou.

Výsledkom operácie sa do prvej premennej zapíše prvý prvok poľa (teda s kľúčom nula), do druhej premennej - druhý, do tretej premennej - tretí.

Pozrime sa na praktický príklad. Nech máme pole, ktoré ukladá rok, mesiac a deň:

javascriptlet arr = [2025, 12, 31];

Zapíšme rok, mesiac a deň do príslušných premenných pomocou destrukturalizácie:

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

Pozrime sa na obsah našich premenných:

javascriptconsole.log(year);  // vypíše 2025
console.log(month); // vypíše 12
console.log(day);   // vypíše 31

Pre porovnanie sa pozrite, aký nepohodlný a dlhý by bol kód bez destrukturalizácie:

javascriptlet arr = [2025, 12, 31];

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

console.log(year);  // vypíše 2025
console.log(month); // vypíše 12
console.log(day);   // vypíše 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];