Na aula anterior, aprendemos sobre Destructuring de arrays e objetos, extraindo valores de forma simples e elegante.

Agora vamos conhecer um operador que parece simples, mas é extremamente poderoso: o Spread Operator, representado por ....

🎯 Objetivo da aula

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

  • Entender o que é o Spread Operator
  • Copiar e combinar arrays
  • Copiar e combinar objetos
  • Usar o spread em funções
  • Evitar efeitos colaterais no código

O que é o Spread Operator?

O Spread Operator serve para espalhar os valores de um array ou objeto em outro local.

Em vez de trabalhar com a estrutura inteira, você trabalha diretamente com seus valores internos.

Spread em arrays

Vamos começar com dois arrays simples: 

 const numeros1 = [1, 2, 3]; const numeros2 = [4, 5];

Sem spread, juntar arrays fica mais trabalhoso. Com spread, fica simples e legível: 

 const todosNumeros = [...numeros1, ...numeros2];

console.log(todosNumeros); // Saída será [1, 2, 3, 4, 5]
O Spread Operator não altera os arrays originais.

Copiando arrays com spread

Uma das melhores aplicações do spread é criar cópias independentes de arrays. 

 const original = [10, 20, 30]; const copia = [...original];

copia.push(40);

console.log(original); // Saída será [10, 20, 30]
console.log(copia); // Saída será [10, 20, 30, 40]

Isso evita bugs causados por referências compartilhadas.

Spread em objetos

O Spread Operator também funciona com objetos. 

 const usuario = { nome: "Daniel", idade: 30 };

Criando uma cópia do objeto: 

 const copiaUsuario = { ...usuario };

copiaUsuario.idade = 31;

console.log(usuario.idade); // Saída será 30
console.log(copiaUsuario.idade); // Saída será 31

Combinando objetos

Você também pode combinar objetos facilmente: 

 const endereco = { cidade: "São Paulo", estado: "SP" };

const usuarioCompleto = {
...usuario,
...endereco
};

console.log(usuarioCompleto);
// Saída será { nome: "Daniel", idade: 30, cidade: "São Paulo", estado: "SP" }
Se duas propriedades tiverem o mesmo nome, a última sobrescreve a anterior.

Spread em funções

O Spread Operator é muito usado para passar valores de um array como argumentos de uma função. 

 function somar(a, b, c) { return a + b + c; }

const valores = [2, 4, 6];

console.log(somar(...valores)); // Saída será 12

Spread vs Rest (relembrando)

  • Spread → espalha valores
  • Rest → junta valores em um array
  • Ambos usam ..., mas em contextos diferentes

Resumo da aula para nunca mais esquecer

  • O Spread Operator espalha valores de arrays e objetos
  • É usado para copiar e combinar estruturas
  • Evita efeitos colaterais no código
  • Funciona em arrays, objetos e funções

Na próxima aula, vamos aprender sobre Optional Chaining (?.) e acessar dados com mais segurança.

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?

PDP-1

O primeiro computador a conseguir rodar o jogo Spacewar era o PDP-1, que custava 120 mil dólares e pertencia ao Massachusetts Institute of Technology. O jogo demorou 200 horas para ser desenvolvido, em 1962, e seu criador foi um cientista da computação chamado Steve Russel.

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.

Mouse

O mouse foi criado em 9 de dezembro de 1968, por um americano chamado Douglas Engelbart, que o batizou de "XY Position Indicator for a Display System". Conheça a história do mouse clicando aqui.

Street Fighter 2

Street Fighter 2, lançado para o Super Nintendo no início dos anos 90, foi o principal responsável pelo aumento nas vendas deste console. Graças ao sucesso do título nos Arcades e à perfeita adaptação ao console, muitos consumidores adquiriram o SNES para jogarem o título em casa. Saiba mais.

River Raid

O épico jogo River Raid, do Atari, foi desenhado e boa parte de sua programação foi feita por uma mulher: Carol Shaw, uma excelente programadora e funcionária da Activision em 1982. Saiba mais sobre a história deste incrível jogo, aqui.