Destrukce pole

Destrukturalizace se stala hlavním jazykovým prvkem v JavaScriptu, nejvýrazněji se projevuje u importů, ale také v deklaracích funkcí a tak dále. Zatímco objektové literály jsou obvyklým případem destrukce, pamatujte, že můžete destruovat také pole a sady. Podívejme se, jak se destrukce používá pro pole a sady! Obvyklým případem destrukcí je objektový literál:
const dict = { prop1: "one", prop2: "two" };

const { prop1, prop2 } = dict;
// prop1 = "one"
// prop2 = "two"
Syntaxe pro destrukci Array a Set je trochu odlišná:
const arr = ["uno", "dos"];

const [one, two] = arr;
// one = "uno"
// two = "dos"

// Or more explicitly
const [width, height] = [200, 400];
Destrukční syntaxe v rámci iterace vypadá takto:
const items = [
    ["one", "two"],
    ["three", "four"]
];
items.forEach(([uno, dos]) => {
    console.log(uno, dos);
});

// "one", "two"
// "three", "foor"
Pole můžete také naklonovat pomocí destructuring:
const arr = ["one", "two"];
const clone = [...arr];
Čárky můžete také použít ve svůj prospěch, pokud vám nezáleží na daném indexu pole:
const arr = [1, 2, 3, 4];

const [,,,four] = arr; // four === 4
Destrukturalizace je úžasná pro zkušené vývojáře JavaScriptu a pro nováčky může být matoucí. Základní destrukce pole není příliš zavádějící, ale iterace může být ošklivý úryvek. Věnujte chvíli tomu, abyste si prohlédli tyto zmenšené příklady, možná vám pomůže lépe porozumět vzoru.