Destrukturalizace polí v JavaScriptu

V této lekci si rozebereme operaci destrukturalizace polí. Tato operace je určena pro hromadné zapsání prvků pole do proměnných na jeden řádek kódu.

Syntaxe této operace je následující:

javascriptlet [proměnná1, proměnná2, proměnná3] = pole;

Jak vidíte, nalevo od znaménka = v hranatých závorkách jsou uvedena jména proměnných. Tyto proměnné jsou hromadně deklarovány pomocí let, který se nachází před otevírací závorkou.

Výsledkem operace se do první proměnné zapíše první prvek pole (tedy s klíčem nula), do druhé proměnné - druhý, do třetí proměnné - třetí.

Podívejme se na praktickém příkladu. Předpokládejme, že máme pole, které uchovává rok, měsíc a den:

javascriptlet arr = [2025, 12, 31];

Zapišme rok, měsíc a den do odpovídajících proměnných pomocí destrukturalizace:

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

Podívejme se na obsah našich proměnných:

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

Pro srovnání se podívejte, jak nepohodlný a dlouhý bude kód bez destrukturalizace:

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