Cómo fusionar las propiedades de dos objetos JavaScript dinámicamente

Un objeto en JavaScript se describe como un grupo de pares de valores clave. A veces, los desarrolladores pueden requerir combinar las propiedades de los dos objetos en un nuevo objeto. Este proceso se llama fusión. Para fusionar objetos, JavaScript proporciona algunos métodos incorporados llamados "Objeto.asignar()"Método o el"Operador de propagación".

Esta publicación describirá los métodos para fusionar dinámicamente las propiedades de dos objetos JavaScript.

Cómo fusionar las propiedades de dos objetos JavaScript dinámicamente?

Use los siguientes métodos para fusionar dinámicamente las propiedades de dos objetos JavaScript:

• Método asignar ()
• Operador de propagación

Método 1: fusionar/combinar propiedades de dos objetos JavaScript dinámicamente usando objeto.Método asignar ()

Utilizar el "Objeto.asignar()Método para combinar dinámicamente las propiedades de dos objetos JavaScript. Este método mantiene la integridad de los objetos originales copiando todas las propiedades enumerables a un objeto de destino de uno o más objetos de origen. Si el mismo atributo está presente en ambos objetos, el valor del segundo objeto reemplazará el valor desde el primero. Tenga en cuenta que este método solo copia las propiedades enumerables, por lo que no copiará las propiedades heredadas del prototipo del objeto.

Sintaxis

Siga la sintaxis proporcionada para fusionar dos objetos JavaScript:

TargetObject = objeto.asignar (obj1, obj2, ...);

Ejemplo

Crear un objeto "información":

Var info =
Nombre: 'Jenny',
Edad: 24,
Rollno: 15
;

Crear segundo objeto "actividades"Con los siguientes pares de teclas:

actividades var =
Juego: 'Cricket',
Ejercicio: 'Yoga'
;

Llama a "Objeto.asignar()"Método para fusionar las propiedades del"información" y "actividades"En un nuevo objeto llamado"alumno":

estudiante var = objeto.asignar (información, actividades);

Imprima las propiedades del objeto "alumno" utilizando el "consola.registro()" método:

consola.log (estudiante);

La salida indica que las propiedades de los objetos "información" y "actividades"Se fusionan con éxito en el nuevo objeto"alumno":

Método 2: Fusionar/Combinar propiedades de dos objetos JavaScript dinámicamente utilizando el operador de propagación

Hay otro enfoque para fusionar los dos objetos JavaScript, que está utilizando el "Operador de propagación". Es el enfoque comúnmente utilizado para fusionar objetos copiando todos los atributos de los objetos. Si dos objetos tienen una propiedad con el mismo nombre, la propiedad del objeto a la derecha reemplaza la anterior.

Sintaxis

La siguiente sintaxis se utiliza para fusionar las propiedades de dos objetos JavaScript con la ayuda del operador de propagación:

TargetObject = objeto.asignar (... obj1, ... obj2, ...);

Ejemplo

Crear un nuevo objeto "alumno"Y fusionar las propiedades de los objetos"información" y "actividades"En el estudiante utilizando el operador spread"… ":

estudiante var =
... información, ... actividades
;

Producción

Hemos proporcionado toda la información necesaria relacionada con la fusión de los objetos en JavaScript.

Conclusión

Para fusionar/combinar las propiedades de los objetos en JavaScript, use el "Objeto.asignar()"Método o el"Operador de propagación". El operador de propagación es el enfoque más utilizado para fusionar las propiedades de los objetos JavaScript. Si el mismo atributo está presente en ambos objetos, el valor del segundo objeto reemplazará el valor desde el primero. En esta publicación, describimos los métodos para fusionar/combinar dinámicamente las propiedades de dos objetos JavaScript.