Destrukturování

S příchodem ES6 máme k dispozici novou syntaxy pro vytáhnutí hodnot z pole a jejich uložení do proměnných.

Použití destrukturovací syntaxe

Pokud chceme položky z pole uložit do proměnných, můžeme k tomu použít destrukturovací syntaxy. Ukazuje ji následující ukázka.

let [promenna1, promenna2, promenna3] = [3, 7, 9];
// promenna1 obsahuje hodnotu 3
// promenna2 obsahuje hodnotu 7
// promenna3 obsahuje hodnotu 9

Pokud bychom chtěli stejnou věc ukázanou v předchozí ukázce provést bez destrukturování, tak by to vypadalo takto:

let pole = [3, 7, 9];
let promenna1 = pole[0];
let promenna2 = pole[1];
let promenna3 = pole[2];

Jak vidíte, použitím destrukturovací syntaxe můžeme náš kód udělat o něco čistším.

Při destrukturování můžeme některým proměnným nastavit defaultní hodnotu, která se aplikuje když na ně v poli nezbyde žádná hodnota.

let [promenna1, promenna2 = 3] = [5];
// promenna1 obsahuje: 5
// promenna2 obsahuje: 3

Pokud chceme při destrukturování nějakou položku v poli přeskočit, tak můžeme. Uděláme to tak, že namísto proměnné nenapíšeme nic.

let [promenna1, , promenna2] = [3, 7, 9];
// promenna1 obsahuje hodnotu 3
// promenna2 obsahuje hodnotu 9

Destrukturování můžeme použít také na vícerozměrné pole. Následující ukázka ukazuje jak to provést:

let [,,,,[,promenna1]] = [4, 3, 1, 2, [3, 2]];
// promenna1 obsahuje hodnotu 2