Como mesclar propriedades de dois objetos JavaScript dinamicamente

Um objeto em JavaScript é descrito como um grupo de pares chave-valor. À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 mesclar objetos, o JavaScript fornece alguns métodos integrados chamados de “ Objeto.atribuir() ” ou o método “ Operador de spread ”.

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

Como mesclar propriedades de dois objetos JavaScript dinamicamente?

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

método assign()
Operador de spread

Método 1: mesclar/combinar propriedades de dois objetos JavaScript dinamicamente usando o método Object.assign()

Use o ' Objeto.atribuir() ” 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, portanto, não copiará propriedades herdadas do protótipo do objeto.

Sintaxe

Siga a sintaxe fornecida para mesclar dois objetos JavaScript:

targetObject = Object.assign ( obj1, obj2, ... ) ;

Exemplo

Criar um objeto “ informação ”:

onde informações = {
nome: 'Jenny' ,
era: 24 ,
Núm. da lista: quinze
} ;

Criar segundo objeto “ Atividades ” com os seguintes pares de chaves:

var atividades = {
jogos: 'Grilo' ,
exercício: 'Ioga'
} ;

Ligar para ' Objeto.atribuir() ” para mesclar as propriedades do método “ informação ' e ' Atividades ” em um novo objeto chamado “ aluna ”:

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

Imprima as propriedades do objeto “ aluna ” usando o “ console.log() ” método:

console.log ( aluna ) ;

A saída indica que as propriedades dos objetos “ informação ' e ' Atividades ” são mesclados com sucesso no novo objeto “ aluna ”:

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

Existe outra abordagem para mesclar os dois objetos JavaScript, que é usar o método “ Operador de spread ”. É a abordagem comumente utilizada para mesclar objetos copiando todos os atributos dos objetos. Se dois objetos tiverem uma propriedade com o mesmo nome, a propriedade do objeto à direita substituirá a anterior.

Sintaxe

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

targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;

Exemplo

Criar um novo objeto “ aluna ” e mesclar as propriedades dos objetos “ informação ' e ' Atividades ” no aluno usando o operador Spread “ … ”:

era estudante = {
...informações, ...atividades
} ;

Saída

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

Conclusão

Para mesclar/combinar as propriedades de objetos em JavaScript, use o “ Objeto.atribuir() ” ou o método “ Operador de spread ”. O operador spread é a abordagem mais comumente usada para mesclar as propriedades de 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.

Como mesclar propriedades de dois objetos JavaScript dinamicamente