Desestruturação de matrizes

O caso usual de desestruturação é com um literal de objeto:

const dict = { prop1: "one", prop2: "two" };

const { prop1, prop2 } = dict;
// prop1 = "one"
// prop2 = "two"

A sintaxe da desestruturação de Array e Set é um pouco diferente:

const arr = ["uno", "dos"];

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

// Or more explicitly
const [width, height] = [200, 400];

A sintaxe de desestruturação dentro da iteração tem a seguinte aparência:

const items = [
    ["one", "two"],
    ["three", "four"]
];
items.forEach(([uno, dos]) => {
    console.log(uno, dos);
});

// "one", "two"
// "three", "foor"

O senhor também pode clonar uma matriz com desestruturação:

const arr = ["one", "two"];
const clone = [...arr];

O senhor também pode usar as vírgulas a seu favor se não se importar com um determinado índice de uma matriz:

const arr = [1, 2, 3, 4];

const [,,,four] = arr; // four === 4

A desestruturação é incrível para desenvolvedores JavaScript experientes e pode ser confusa para os novatos. A desestruturação básica de array não engana muito, mas a iteração pode ser um trecho feio. Se o senhor tirar um minuto para ver esses exemplos reduzidos, isso poderá ajudá-lo a entender melhor o padrão.