Un objeto en JavaScript se describe como un grupo de pares clave-valor. 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 integrados llamados ' Objeto.assign() ” método o el “ Operador de propagación ”.
Esta publicación describirá los métodos para fusionar dinámicamente las propiedades de dos objetos de JavaScript.
¿Cómo fusionar propiedades de dos objetos de JavaScript dinámicamente?
Utilice los siguientes métodos para fusionar dinámicamente las propiedades de dos objetos de JavaScript:
Método 1: fusionar/combinar propiedades de dos objetos de JavaScript de forma dinámica mediante el método Object.assign()
Utilizar el ' Objeto.assign() ” método para combinar dinámicamente las propiedades de dos objetos de JavaScript. Este método mantiene la integridad de los objetos originales al copiar todas las propiedades enumerables a un objeto de destino desde uno o más objetos de origen. Si el mismo atributo está presente en ambos objetos, el valor del segundo objeto reemplazará el valor del primero. Tenga en cuenta que este método solo copia propiedades enumerables, por lo que no copiará propiedades heredadas del prototipo del objeto.
Sintaxis
Siga la sintaxis provista para fusionar dos objetos de JavaScript:
targetObject = Objeto.asignar ( obj1, obj2, ... ) ;Ejemplo
Crear un objeto “ información ”:
donde información = {nombre: 'Jenny' ,
años: 24 ,
Rollno: 15
} ;
Crear segundo objeto “ actividades ” con los siguientes pares de claves:
var actividades = {juego: 'Grillo' ,
ejercicio: 'Yoga'
} ;
Llama a ' Objeto.assign() ” método para fusionar las propiedades del “ información ' y ' actividades ” en un nuevo objeto llamado “ alumno ”:
var estudiante = Objeto.asignar ( información, actividades ) ;Imprime las propiedades del objeto “ alumno ' utilizando el ' consola.log() ' método:
consola.log ( alumno ) ;La salida indica que las propiedades de los objetos “ información ' y ' actividades ” se fusionaron con éxito en el nuevo objeto “ alumno ”:
Método 2: fusionar/combinar propiedades de dos objetos de JavaScript de forma dinámica mediante el operador de extensión
Hay otro enfoque para fusionar los dos objetos de JavaScript, que utiliza 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 de la derecha reemplaza a la anterior.
Sintaxis
La siguiente sintaxis se usa para fusionar propiedades de dos objetos JavaScript con la ayuda del operador Spread:
targetObject = Objeto.asignar ( ...obj1, ...obj2, .... ) ;Ejemplo
Crear un nuevo objeto “ alumno ” y fusionar las propiedades de los objetos “ información ' y ' actividades ” en estudiante usando el operador Spread “ … ”:
era estudiante = {...información, ...actividades
} ;
Producción
Hemos proporcionado toda la información necesaria relacionada con la fusión de objetos en JavaScript.
Conclusión
Para fusionar/combinar las propiedades de los objetos en JavaScript, use el ' Objeto.assign() ” 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 de JavaScript. Si el mismo atributo está presente en ambos objetos, el valor del segundo objeto reemplazará el valor del primero. En esta publicación, describimos los métodos para fusionar/combinar dinámicamente las propiedades de dos objetos de JavaScript.