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?

Galaxy Game

As primeiras máquinas de fliperama do mundo a utilizarem moedas, chamadas de Galaxy Game, custavam mais de 20 mil dólares para serem produzidas. Saiba mais sobre elas aqui.

Cuidados com o notebook

Utilizar seu notebook em camas, sofás ou qualquer superfície macia pode obstruir as entradas e saídas de ar, elevando a temperatura e provocando danos a diversos componentes. Utilize-o sempre sobre uma superfície rígida. Saiba mais aqui.

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.

Senhas

Digitar senhas em computadores de uso coletivo é extremamente perigoso, pois além de softwares de monitoramento, existem dispositivos de hardware que podem capturar suas senhas. Evite ao máximo acessar sites de bancos a partir destes computadores. Veja mais aqui.

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.