Como mesclar as propriedades de dois objetos JavaScript dinamicamente

Um objeto em JavaScript é descrito como um grupo de pares de valor-chave. Às vezes, os desenvolvedores podem exigir a combinação das propriedades dos dois objetos em um novo objeto. Este processo é chamado de fusão. Para fusão de objetos, o JavaScript fornece alguns métodos internos chamados “Objeto.atribuir()”Método ou o“Operador espalhado”.

Este post descreverá os métodos para mesclar dinamicamente as propriedades de dois objetos JavaScript.

Como mesclar as propriedades de dois objetos JavaScript dinamicamente?

Use os seguintes métodos para mesclar dinamicamente as propriedades de dois objetos JavaScript:

• Atribuir () método
• Operador espalhado

Método 1: Mesclar/combinar propriedades de dois objetos JavaScript dinamicamente usando o objeto.Atribuir () método

Use o "Objeto.atribuir()”Método para combinar dinamicamente as propriedades de dois objetos JavaScript. Este método mantém a integridade dos objetos originais copiando todas as propriedades enumeráveis ​​para um objeto de destino de um ou mais objetos de origem. Se o mesmo atributo estiver presente em ambos os objetos, o valor do segundo objeto substituirá o valor do primeiro. Observe que este método copia apenas propriedades enumeráveis, para que não copie as propriedades herdadas do protótipo do objeto.

Sintaxe

Siga a sintaxe fornecida para mesclar dois objetos JavaScript:

TargetObject = Object.atribuir (obj1, obj2,…);

Exemplo

Crie um objeto “informações”:

var info =
Nome: 'Jenny',
Idade: 24,
Rollno: 15
;

Crie segundo objeto “Atividades”Com os seguintes pares de teclas:

var atividades =
Jogo: 'Cricket',
Exercício: 'Yoga'
;

Ligar para "Objeto.atribuir()”Método para mesclar as propriedades do“informações" e "Atividades”Em um novo objeto chamado“estudante”:

var aluno = objeto.atribuir (informações, atividades);

Imprima as propriedades do objeto “estudante”Usando o“console.registro()”Método:

console.log (aluno);

A saída indica que as propriedades dos objetos “informações" e "Atividades”São mesclados com sucesso no novo objeto“estudante”:

Método 2: Mesclar/combinar propriedades de dois objetos JavaScript dinamicamente usando o operador de spread

Há outra abordagem para mesclar os dois objetos JavaScript, que estão usando o “Operador espalhado”. É a abordagem comumente utilizada para mesclar objetos, copiando todos os atributos de objetos. Se dois objetos tiverem uma propriedade com o mesmo nome, a propriedade do objeto à direita substitui a anterior.

Sintaxe

A sintaxe a seguir é usada para mesclar propriedades de dois objetos JavaScript com a ajuda do operador de espalhamento:

TargetObject = Object.atribuir (… obj1,… obj2,…);

Exemplo

Crie um novo objeto “estudante”E mesclar as propriedades dos objetos“informações" e "Atividades"No aluno usando o operador espalhado".. ”:

var aluno =
… Info,… atividades
;

Saída

Fornecemos todas as informações necessárias relacionadas à fusão dos objetos em JavaScript.

Conclusão

Para mesclar/combinar as propriedades dos objetos em JavaScript, use o “Objeto.atribuir()”Método ou o“Operador espalhado”. O operador de spread é a abordagem mais usada para mesclar as propriedades dos objetos JavaScript. Se o mesmo atributo estiver presente em ambos os objetos, o valor do segundo objeto substituirá o valor do primeiro. Neste post, descrevemos os métodos para mesclar/combinar dinamicamente as propriedades de dois objetos JavaScript.