image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Hebert Nascimento
Hebert Nascimento08/09/2023 17:35
Compartilhe

desestruturação em JavaScript

  • #JavaScript
  • #TypeScript

A desestruturação é um recurso em JavaScript que permite que você extraia os valores de um array ou objeto em variáveis individuais. Isso pode tornar seu código mais conciso e fácil de ler e manter.

Exemplos de desestruturação de array

Aqui está um exemplo de como usar a desestruturação para extrair os valores de um array:

const array = [1, 2, 3];

const [a, b, c] = array;

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

Este código é equivalente ao seguinte código, que não usa a desestruturação:

const array = [1, 2, 3];

const a = array[0];
const b = array[1];
const c = array[2];

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

Exemplos de desestruturação de objeto

Aqui está um exemplo de como usar a desestruturação para extrair os valores de um objeto:

const objeto = {
nome: "João",
idade: 25,
};

const { nome, idade } = objeto;

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

Este código é equivalente ao seguinte código, que não usa a desestruturação:

const objeto = {
nome: "João",
idade: 25,
};

const nome = objeto.nome;
const idade = objeto.idade;

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

Usos avançados da desestruturação

A desestruturação pode ser usada de várias maneiras avançadas, como:

  • Desestruturação de array com índice:
const array = [1, 2, 3];

const [a, b, ...c] = array;

console.log(a); // 1
console.log(b); // 2
console.log(c); // [3]
  • Desestruturação de objeto com chave:
const objeto = {
nome: "João",
idade: 25,
cidade: "São Paulo",
};

const { nome, idade, ...outros } = objeto;

console.log(nome); // João
console.log(idade); // 25
console.log(outros); // { cidade: "São Paulo" }
  • Desestruturação de objeto com chaves vazias:
const objeto = {
nome: "João",
idade: 25,
cidade: "São Paulo",
};

const { nome: nome, idade: idade, ...outros } = objeto;

console.log(nome); // nome
console.log(idade); // idade
console.log(outros); // { cidade: "São Paulo" }

Conclusão

A desestruturação é um recurso poderoso que pode tornar seu código JavaScript mais conciso e fácil de ler e manter. Ao aprender a usar a desestruturação, você poderá escrever código mais eficiente e fácil de entender.

Compartilhe
Comentários (0)