Desestruturação de Arrays em JavaScript

Nesta lição, analisaremos a operação de desestruturação de arrays. Esta operação é destinada à gravação em massa de elementos de um array em variáveis em uma única linha de código.

A sintaxe desta operação é a seguinte:

javascriptlet [variavel1, variavel2, variavel3] = array;

Como você vê, à esquerda do sinal =, em colchetes, são listados os nomes das variáveis. Essas variáveis são declaradas em massa através do let, que é posicionado antes do colchete de abertura.

Como resultado da operação, na primeira variável será gravado o primeiro elemento do array (ou seja, a chave zero), na segunda variável - o segundo, na terceira variável - o terceiro.

Vejamos um exemplo prático. Suponha que temos um array armazenando ano, mês e dia:

javascriptlet arr = [2025, 12, 31];

Vamos gravar o ano, mês e dia nas variáveis correspondentes, usando a desestruturação:

javascriptlet arr = [2025, 12, 31];
let [ano, mes, dia] = arr;

Vejamos o conteúdo das nossas variáveis:

javascriptconsole.log(ano);  // exibirá 2025
console.log(mes); // exibirá 12
console.log(dia);   // exibirá 31

Para comparação, veja como o código seria inconveniente e longo sem a desestruturação:

javascriptlet arr = [2025, 12, 31];

let ano  = arr[0];
let mes = arr[1];
let dia   = arr[2];

console.log(ano);  // exibirá 2025
console.log(mes); // exibirá 12
console.log(dia);   // exibirá 31

javascriptlet arr = ['John', 'Smit', 'development', 'programmer', 2000];

let nome       = arr[0];
let sobrenome    = arr[1];
let departamento = arr[2];
let cargo   = arr[3];
let salario     = arr[4];