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); // 30Podemos 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); // 20A 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.