Desestruturação Array

A desestruturação em JavaScript permite extrair elementos de arrays e propriedades de objetos para variáveis individuais, facilitando a manipulação de dados. É possível definir valores padrão e realizar desestruturação aninhada, além de utilizá-la diretamente em parâmetros de funções. Esse recurso torna o código mais limpo e legível.

Enviado por

yanndiosti67

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato TXT, PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

4 visualizações2 páginas

Desestruturação Array

Enviado por

yanndiosti67

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato TXT, PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 2

1.

Desestruturação de Arrays
A desestruturação de arrays permite extrair elementos de um array e atribuí-los a
variáveis individuais.

Sintaxe
javascript
const array = [1, 2, 3];
const [a, b, c] = array;

console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
Exemplo
javascript
const fruits = ['maçã', 'banana', 'laranja'];
const [fruit1, fruit2] = fruits;

console.log(fruit1); // maçã
console.log(fruit2); // banana
2. Desestruturação de Objetos
A desestruturação de objetos permite extrair propriedades de um objeto e atribuí-
las a variáveis com o mesmo nome.

Sintaxe
javascript
const obj = { x: 1, y: 2, z: 3 };
const { x, y } = obj;

console.log(x); // 1
console.log(y); // 2
Exemplo
javascript
const pessoa = { nome: 'João', idade: 30, cidade: 'São Paulo' };
const { nome, idade } = pessoa;

console.log(nome); // João
console.log(idade); // 30
3. Desestruturação com Valores Padrão
Você também pode definir valores padrão para variáveis ao usar a desestruturação,
caso a propriedade ou o elemento que você está tentando desestruturar não exista.

Exemplo com Arrays

javascript
const numbers = [1];
const [a, b = 2] = numbers;

console.log(a); // 1
console.log(b); // 2 (valor padrão, já que não existe segundo elemento)
Exemplo com Objetos
javascript
const livro = { titulo: 'JavaScript', autor: 'Autor Desconhecido' };
const { titulo, ano = 2023 } = livro;

console.log(titulo); // JavaScript
console.log(ano); // 2023 (valor padrão, já que não existe a propriedade ano)
4. Desestruturação Aninhada
A desestruturação também pode ser feita em objetos e arrays aninhados, permitindo
que você extraia dados mais complexos de uma só vez.
Exemplo
javascript
const carro = {
modelo: 'Fusca',
especificacoes: {
cor: 'azul',
ano: 1970,
},
};

const {
modelo,
especificacoes: { cor, ano },
} = carro;

console.log(modelo); // Fusca
console.log(cor); // azul
console.log(ano); // 1970
5. Desestruturação em Parâmetros de Funções
Você pode usar a desestruturação diretamente nos parâmetros de uma função, tornando
o código mais claro e fácil de entender.

Exemplo com Objetos

javascript
function exibirEndereco({ cidade, estado }) {
console.log(`Cidade: ${cidade}, Estado: ${estado}`);
}

const endereco = { cidade: 'Rio de Janeiro', estado: 'RJ' };

exibirEndereco(endereco); // Cidade: Rio de Janeiro, Estado: RJ
Exemplo com Arrays
javascript
function calcular([a, b]) {
return a + b;
}

console.log(calcular([3, 5])); // 8
Conclusão
A desestruturação é um recurso extremamente útil que pode tornar seu código
JavaScript mais limpo e fácil de entender. Ao permitir a extração direta de valores
de arrays e objetos, você pode escrever funções mais legíveis e manipular dados com
facilidade.

Desestruturação Array

Enviado por

Desestruturação Array

Enviado por

1.

Exemplo com Arrays

Exemplo com Objetos

const endereco = { cidade: 'Rio de Janeiro', estado: 'RJ' };

Você também pode gostar