Nas aulas anteriores, aprendemos a trabalhar com arrays usando métodos modernos como map, filter, reduce, find, some e every.

Agora vamos aprender um recurso que deixa o código muito mais limpo, legível e elegante: o Destructuring.

🎯 Objetivo da aula

Ao final desta aula, você será capaz de:

  • Entender o que é destructuring
  • Extrair valores de arrays de forma simples
  • Extrair propriedades de objetos
  • Usar destructuring em funções
  • Escrever código mais limpo e organizado

O que é destructuring?

Destructuring é uma forma de extrair valores de arrays ou objetos e armazená-los diretamente em variáveis.

Sem destructuring, isso exigiria várias linhas de código repetitivo.

Destructuring de arrays

Vamos começar com um array simples: 

 const cores = ["azul", "verde", "vermelho"];

Forma tradicional (sem destructuring): 

 
    const primeira = cores[0]; 
    const segunda = cores[1];
    console.log(primeira); // Saída será "azul"
    console.log(segunda); // Saída será "verde"

Agora usando destructuring: 

 const [cor1, cor2] = cores;

console.log(cor1); // Saída será "azul"
console.log(cor2); // Saída será "verde"
A ordem importa no destructuring de arrays.

Ignorando valores do array

Você pode pular valores que não quer usar: 

 const [ , , ultimaCor] = cores;

console.log(ultimaCor); // Saída será "vermelho"

Destructuring de objetos

Agora vamos trabalhar com objetos, onde o destructuring é ainda mais poderoso. 

 const usuario = { nome: "Daniel", idade: 30, cidade: "São Paulo" };

Forma tradicional: 

 const nome = usuario.nome; const idade = usuario.idade;

console.log(nome); // Saída será "Daniel"
console.log(idade); // Saída será 30

Usando destructuring: 

 const { nome, idade } = usuario;

console.log(nome); // Saída será "Daniel"
console.log(idade); // Saída será 30
No destructuring de objetos, o nome da variável deve ser igual ao nome da propriedade.

Renomeando variáveis no destructuring

Você pode renomear a variável ao extrair o valor: 

 const { cidade: localizacao } = usuario;

console.log(localizacao); // Saída será "São Paulo"

Destructuring em parâmetros de função

O destructuring é muito usado diretamente nos parâmetros de funções: 

 function mostrarUsuario({ nome, cidade }) { console.log(nome + " mora em " + cidade); }

mostrarUsuario(usuario); // Saída será "Daniel mora em São Paulo"

Por que usar destructuring?

  • Menos código repetitivo
  • Código mais limpo e legível
  • Facilita o uso de funções e parâmetros
  • Muito comum em código moderno
Use destructuring com clareza. Se exagerar, o código pode ficar confuso para iniciantes.

Resumo da aula para nunca mais esquecer

  • Destructuring extrai valores de arrays e objetos
  • Em arrays, a ordem importa
  • Em objetos, o nome da propriedade importa
  • Deixa o código mais limpo e expressivo

Na próxima aula, vamos aprender sobre o Spread Operator (...) e expandir arrays e objetos de forma elegante.

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Final Fantasy

O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.

Pac Man

Apenas no ano de 1982, o clássico Pac Man vendeu mais de 400 mil máquinas de fliperama em todo o mundo e recebeu cerca de 7 bilhões de moedas nestas máquinas. Saiba mais.

Muitos aplicativos

Instalar vários aplicativos com o mesmo propósito, como editores de texto, reprodutores de músicas ou vídeos e até programas antívirus sobrecarregam o seu sistema operacional e ainda ocupam espaço desnecessário em seu HD. Tenha apenas um bom programa para cada função.

PC com barulho?

Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.

Ultima Online

Criar um jogo é muito mais complexo do que parece. São milhares, às vezes, milhões de linhas de código. Isso não é exagero! Apenas o jogo Ultima Online possui 6.006.313 linhas de programação, totalizando 25.103.295 palavras