destructuring.md

O operador de destructuring em JavaScript é uma forma concisa de extrair valores de arrays ou objetos e atribuí-los a variáveis individuais. Ele permite desestruturar a estrutura de dados em partes menores.

Existem duas formas principais de uso do operador de destructuring em JavaScript: destructuring de array e destructuring de objeto. Vamos explorar cada uma delas:

1. Destructuring de array: O destructuring de array permite que você extraia elementos de um array e atribua-os a variáveis individuais.

Exemplo:

var numeros = [1, 2, 3];
var [a, b, c] = numeros;

console.log(a); // Resultado: 1
console.log(b); // Resultado: 2
console.log(c); // Resultado: 3

No exemplo acima, temos um array numeros com os valores [1, 2, 3]. Utilizando o destructuring de array, extraímos os elementos do array e atribuímos a cada um deles uma variável correspondente. Nesse caso, a recebe o valor 1, b recebe o valor 2 e c recebe o valor 3.

Também é possível ignorar elementos do array usando uma vírgula para pular a posição correspondente.

Exemplo:

var numeros = [1, 2, 3];
var [a, , c] = numeros;

console.log(a); // Resultado: 1
console.log(c); // Resultado: 3

No exemplo acima, utilizamos uma vírgula para pular a posição do elemento 2 no array numeros e atribuímos apenas os elementos 1 e 3 às variáveis a e c, respectivamente.

2. Destructuring de objeto: O destructuring de objeto permite que você extraia propriedades de um objeto e atribua-as a variáveis individuais.

Exemplo:

var pessoa = { nome: "João", idade: 25 };
var { nome, idade } = pessoa;

console.log(nome); // Resultado: João
console.log(idade); // Resultado: 25

No exemplo acima, temos um objeto pessoa com as propriedades nome e idade. Utilizando o destructuring de objeto, extraímos as propriedades e atribuímos a cada uma delas uma variável correspondente. Nesse caso, nome recebe o valor "João" e idade recebe o valor 25.

Também é possível atribuir valores padrão a variáveis caso a propriedade correspondente não exista no objeto.

Exemplo:

var pessoa = { nome: "João" };
var { nome, idade = 30 } = pessoa;

console.log(nome); // Resultado: João
console.log(idade); // Resultado: 30

No exemplo acima, definimos um valor padrão de 30 para a variável idade. Como a propriedade idade não está presente no objeto pessoa, a variável idade recebe o valor padrão.

O operador de destructuring em JavaScript também pode ser utilizado em argumentos de função, em retornos de função e em aninhamentos de estruturas de dados mais complexas.