Cómo fusionar objetos en JavaScript

JavaScript no es un lenguaje orientado a objetos basado en la clase, es un lenguaje orientado a objetos. Sin embargo, todavía tiene formas de usar la programación orientada a objetos (OOP). Los "objetos" en JavaScript son entidades independientes con propiedades y métodos. En algunas situaciones, los desarrolladores deben fusionar objetos para realizar ciertas tareas. Para fusionar objetos, JavaScript ofrece varios métodos predeterminados.

Este tutorial demostrará los métodos para fusionar objetos en JavaScript.

Cómo fusionar objetos en JavaScript?

Para fusionar objetos en JavaScript, use los siguientes métodos:

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

Veamos el funcionamiento de estos métodos individualmente.

Método 1: fusionar objetos usando objeto.Método asignar ()

Para fusionar los objetos en un solo objeto, use el "Objeto.asignar()" método. No hay necesidad de crear un objeto separado para fusionar. Toma el objeto como objetivo y fusiona todos los demás objetos.

Sintaxis
Siga la sintaxis proporcionada a continuación para fusionar objetos usando el objeto.Asignar () Método:

Objeto.asignar (objetivo, fuente1, fuente2, ...);

La sintaxis anterior muestra

• "objetivo"Es el objeto objetivo donde todos los demás objetos se fusionarán.
• "fuente1, fuente2, .. "Son los objetos que se fusionarán en un objeto objetivo.

Valor de retorno
Devolverá el objeto de destino después de fusionar otros objetos.

Ejemplo
Crear dos objetos llamados "información" y "info1"Con las propiedades correspondientes:

Var info =
Nombre: 'John',
Edad: 28,
Correo electrónico: '[email protected] '
;
var info1 =
Habilidades: 'JavaScript',
Calificación: 'BSCS'
;

Fusionar el objeto "info1" al objeto "información"Al pasarlos al" objeto.Método asignar () ". El objeto "información"Es el objeto objetivo, y el"info1"Es la fuente:

var candidateInformation = objeto.asignar (información, info1);

Imprima el objeto fusionado en la consola usando el "consola.registro()" método:

consola.log (candidatoInformation);

La salida indica que el objeto "info1"Se fusiona con éxito en el objeto"información":

Método 2: Fusionar objetos utilizando el operador spread

Hay otra forma de fusionar los objetos, utilizando el operador de propagación, que se indica por tres puntos (...). Construye un nuevo objeto combinando todas las propiedades de los objetos que se pasan. Para comprender el operador de propagación, mire la sintaxis.

Sintaxis
Use la siguiente sintaxis para el operador de propagación:

var a = ... obj

Ejemplo
Aquí, fusione los objetos "Info" y "Info1" con la ayuda del operador spread (...) y guárdelo en una variable "información del candidato":

var candidateInformation = ... info, ... info1;

Imprima el nuevo objeto almacenado en la variable, utilizando el "consola.registro()" método:

consola.log (candidatoInformation);

La salida muestra que los objetos se fusionan con éxito

Conclusión

Para fusionar objetos en JavaScript, el "Objeto.asignar()"Método o el"Operador de propagación"Se usa. En el objeto.Método asignar (), los objetos se fusionan en el objeto dirigido especificado en su argumento. El segundo método crea un nuevo objeto resultante al pasar los objetos con el operador de propagación. Este tutorial demuestra los métodos para fusionar objetos en JavaScript.