Como mesclar objetos em JavaScript

JavaScript não é uma linguagem orientada a objetos baseada em classe, é uma linguagem orientada a objetos. No entanto, ele ainda tem maneiras de usar a programação orientada a objetos (OOP). "Objetos" em JavaScript são entidades independentes com propriedades e métodos. Em algumas situações, os desenvolvedores precisam mesclar objetos para executar determinadas tarefas. Para fusão de objetos, o JavaScript oferece vários métodos padrão.

Este tutorial demonstrará os métodos para mesclar objetos em JavaScript.

Como mesclar objetos em JavaScript?

Para mesclar objetos em JavaScript, use os seguintes métodos:

• Objeto.Atribuir () método
• Operador espalhado.

Vamos ver o funcionamento desses métodos individualmente.

Método 1: mesclar objetos usando objeto.Atribuir () método

Para mesclar os objetos em um único objeto, use o “Objeto.atribuir()”Método. Não há necessidade de criar um objeto separado para mesclar. Ele pega o objeto como um alvo e mescla todos os outros objetos.

Sintaxe
Siga a sintaxe fornecida abaixo para mesclar objetos usando o objeto.Método Atribuir ():

Objeto.Atribuir (Target, Source1, Source2,…);

A sintaxe acima mostra

• ““alvo”É o objeto de destino onde todos os outros objetos se fundirão.
• ““fonte1, fonte2,… ”São os objetos que se fundirão em um objeto de destino.

Valor de retorno
Ele retornará o objeto de destino após a fusão de outros objetos.

Exemplo
Crie dois objetos chamados “informações" e "info1”Com as propriedades correspondentes:

var info =
Nome: 'John',
Idade: 28,
Email: '[email protected] '
;
var info1 =
Habilidades: 'JavaScript',
Qualificação: 'BSCs'
;

Mesclar o objeto “info1"Para objetar"informações”Ao passá -los para o“ objeto.Atribuir () ”método. O objeto "informações”É o objeto de destino e o“info1”É a fonte:

var candidateInformation = objeto.atribuir (info, info1);

Imprima o objeto mesclado no console usando o “console.registro()”Método:

console.log (candidatoInformation);

A saída indica que o objeto “info1”É mesclado com sucesso no objeto“informações”:

Método 2: Mesclar objetos usando o operador espalhado

Há outra maneira de mesclar os objetos, usando o operador de espalhamento, que é indicado por três pontos (…). Ele constrói um novo objeto combinando todas as propriedades dos objetos que são passados. Para entender o operador de spread, observe a sintaxe.

Sintaxe
Use a seguinte sintaxe para o operador de propagação:

var a = … obj

Exemplo
Aqui, mesclar os objetos “Info” e “Info1” com a ajuda do operador de espalhamento (…) e armazená -lo em uma variável “candidatoInformation”:

var candidateInformation = … info,… info1;

Imprima o novo objeto armazenado na variável, usando o “console.registro()”Método:

console.log (candidatoInformation);

A saída mostra que os objetos são mesclados com sucesso

Conclusão

Para mesclar objetos em JavaScript, o “Objeto.atribuir()”Método ou o“Operador espalhado" é usado. No objeto.Método atribuído (), os objetos são mesclados no objeto direcionado especificado em seu argumento. O segundo método cria um novo objeto resultante passando os objetos com o operador de espalhamento. Este tutorial demonstra os métodos para mesclar objetos em JavaScript.