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?

Space Invaders

O título Space Invaders, lançado em 1980, fez tanto sucesso em todo o mundo que as pessoas compravam o console Atari apenas para poderem jogá-lo em casa. Saiba mais sobre este incrível título clicando aqui.

Música tema do Blanka

Até a primeira metade dos anos 90 era bastante comum que as trilhas sonoras dos games fossem criadas por mulheres e a responsável pelas músicas do clássico Street Fighter 2 foi Yoko Shimomura. Segundo ela, o ritmo "Tararirarin" da música tema do personagem Blanka, do Brasil, veio à sua cabeça enquanto ela estava no trem a caminho da Capcom.

Computadores de 1,5 tonelada

Em 1949 a revista Popular Mechanics fez uma previsão para o futuro, dizendo: "Um dia os computadores pesarão menos do que 1,5 tonelada". E pensar que temos smartphones capazes de realizar milhões de vezes mais operações do que os computadores daquela época.

Playstation

O Playstation só nasceu porque uma parceria entre Sony e Nintendo, para desenvolver uma unidade de CD para o Super Nintendo, fracassou. Clique aqui e saiba mais.

Máquina de Pascal

A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.