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?

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

Space Invaders

A partida mais longa do clássico Space Invaders durou incríveis 38 horas e 32 minutos e esta façanha foi conseguida por um jogador de apenas 12 anos! O jogo, claro, podia ser pausado para alimentação e descanso, mas ainda assim o recorde, estabelecido no dia 02/09/1980, ainda não foi quebrado. 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.

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.

Mortal Kombat - O Filme

O filme Mortal Kombat, inspirado no jogo de mesmo nome, faturou 23 milhões de dólares apenas no fim de semana de estreia nos EUA. Ainda sobre este título de sucesso, outra cifra que impressiona é o faturamento ao longo do primeiro ano: 1 bilhão de dólares no mundo todo.