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?

Final Fantasy X

O jogo Final Fantasy X para o Sony Playstation 2 vendeu, apenas no dia do seu lançamento, 1.455.732 cópias, estabelecendo um recorde de vendagem para as primeiras 24 horas de um game. Méritos da SquareSoft, que desenvolveu um excelente produto!

Tetris

O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.

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.

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.

Asteroids

O título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.