O Spread Operator Parte 2
Parte da seção Lógica & Fluxo do Journey de JavaScript da Coddy — lição 19 de 65.
O operador spread pode mesclar objetos (JSON):
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};Agora o completeProfile terá todas as quatro chaves: name, age, company e position:
console.log(completeProfile);
// Saída: {name: "John", age: 30, company: "Tech Corp", position: "Developer"}Ele também pode adicionar novas propriedades e sobrescrever propriedades existentes durante a cópia:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};
Desafio
FácilCrie uma função chamada mergeCars que recebe dois objetos de carro como parâmetros. A função deve mesclar as propriedades do segundo carro nas propriedades do primeiro carro e retornar um novo objeto de carro sem modificar nenhum dos objetos originais.
Folha de consulta
O operador spread pode mesclar objetos:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};Ele também pode adicionar novas propriedades e sobrescrever propriedades existentes ao copiar:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};Experimente você mesmo
function mergeCars(car1, car2) {
// Escreva o código aqui
}
// Não escreva nada fora da função
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Lógica & Fluxo
1Strings em Profundidade
Fundamentos de StringsIterar sobre StringsTemplate LiteralsMétodos de StringRecapitulação - String Weaver4JSON Parte 2
Iterar sobre JSONJSON AninhadoEncadeamento Opcional em JSONCópia Rasa e ProfundaRecapitulação - Loja de BicicletasRecapitulação - Sistema Solar7Sistema de Gerenciamento de Biblioteca
Visão Geral do ProjetoAdicionando Livros
Buscar por TítuloFiltrar por GêneroMarcar como Lido10Gerenciar Sistema de Festival
Visão Geral do ProjetoAdicionar Filmes e LocaisAdicionar SessãoComprar IngressosAvaliar FilmesCancelar Sessões2Arrays Multidimensionais
Fundamentos de Arrays 2DAcessando Elementos de Arrays 2DLoops Aninhados com Arrays 2DRecapitulação - Arrays 2DAdição e Subtração de MatrizesArrays IrregularesArrays 3D e AlémPadrões Comuns de Arrays 2DRecapitulação - Tudo Sobre Arrays5Sets Parte 1
O que é um Set?Iterando sobre SetsAdicionando um elementoRemovendo um elementoVerificando se um elemento existeTamanho e Is EmptyCopy e ClearRecapitulação - O básico de Sets8Tópicos Interessantes sobre Arrays
Desestruturação de ArraysSintaxe Spread em ArraysArrays EsparsosRecapitulação - Workshop de Arrays3JSON Parte 1
O que é um JSON?Verificar se a Chave ExisteMétodos de ObjetoO Spread Operator Parte 1O Spread Operator Parte 2Remover ChavesRecapitulação - Manipular Chaves JSON