const numPares = [2, 4, 6]; const numImpar = [1, 3, 5];
const numeros = [numPares, numImpar];
** /// **
const [num01, num02, ...outrosNum] = [1, 2, 3, 4, 5];
console.log(num01, num02, outrosNum);
** /// **
Minha pergunta é a seguinte:
O que está antes do igual sempre será uma variável (number, boolean, object, etc) a depender da forma como a desestruturação é feita e o que está depois do igual sempre será um array ou um objeto?
Olá, Rosemberg! Tudo joia?
A desestruturação em JavaScript é uma maneira prática de extrair valores de arrays ou propriedades de objetos em variáveis distintas. No seu exemplo, você está utilizando a desestruturação de arrays.
Quando você faz algo como const [num01, num02, ...outrosNum] = [1, 2, 3, 4, 5];, a parte antes do sinal de igual ([num01, num02, ...outrosNum]) é um padrão de desestruturação. Esse padrão é usado para declarar variáveis (num01, num02 e outrosNum) e extrair valores do array que está à direita do sinal de igual ([1, 2, 3, 4, 5]).
Portanto, a parte à esquerda do sinal de igual é um padrão que define como os valores serão extraídos e armazenados em variáveis. Já a parte à direita é o array ou objeto do qual você está extraindo os valores.
No caso de objetos, a desestruturação funciona de forma semelhante, mas com chaves em vez de colchetes. Por exemplo:
const pessoa = { nome: 'João', idade: 30 };
const { nome, idade } = pessoa;
console.log(nome, idade); // Saída: João 30
Espero ter ajudado e bons estudos!