Desestruturação de arrays com javascript

Desestruturação de arrays com javascript

A desestruturação de arrays em javascript é uma maneira prática de fazer atribuição de parte do array para outras variáveis ou constantes, deixando o código mais enxuto.

No exemplo a seguir vamos desestruturar um array jogando os valores para três constantes.

const nossoArray = [ 10, 20, 30 ];

const [ x, y, z ] = nossoArray;

console.log(x); // 10
console.log(y); // 20
console.log(z); // 30

Podemos também, de forma rápida, pegar apenas um valor do array. Vamos supor que quiséssemos pegar apenas o segundo valor do array acima, poderíamos usar o seguinte código:

const [ , x ] = nossoArray;

console.log(x); // 20

A vírgula significa que estamos abrindo mão do primeiro item do array e atribuímos a x apenas o segundo item do array.

Spread syntax em javascript

Podemos também utilizar a spread syntax para pegar o “resto” do nosso array, como no exemplo a seguir:

const [ primeiro, ...resto ] = nossoArray;

console.log(primeiro); // 10
console.log(resto); // [ 20, 30 ]

Nesse caso, é atribuído a constante resto um array com todos os outros valores que sobraram do nossoArray.

Referências