Objeto JavaScript.Método de asignación | Explicado

El javascript ES6 introdujo el "Objeto.asignar()"Método que le permite Copiar propiedades de un solo o múltiple "fuente"Objetos a un"objetivo" objeto. Este método realiza el "conseguir"Operación para obtener las propiedades del objeto de origen y"colocar"Ellos en el objeto objetivo especificado.

Este artículo discutirá el funcionamiento del Objeto JavaScript.Método asignar (). Entonces, comencemos!

Cómo usar el objeto JavaScript.Método asignar ()

El objeto JavaScript.El método asignar () se considera útil para los siguientes casos:

• A clon un objeto.
• A fusionar múltiples objetos en un objeto.

Discutiremos las aplicaciones mencionadas del objeto.Método asignar () en la siguiente sección.

Cómo clonar un objeto usando el objeto JavaScript.Método asignar ()

El "Objeto.asignar()"El método se utiliza para clonar el enumerable"valor clave”Par de un objeto de origen ya creado en el objeto de destino. Se utiliza principalmente para realizar el "Poco profundo"Procedimiento de copia.

Sintaxis de usar objeto JavaScript.Método de asignación () para clonar objeto

Objeto.Asignar (objetivo, fuente)

Aquí, "objetivo"Representa el objeto JavaScript cuyo par de valores clave será clonado y"fuente"Indica el objeto donde se colocará el par de valores clave copiado.

Ejemplo: cómo clonar un objeto usando el objeto JavaScript.Método asignar ()

En primer lugar, crearemos un "empleado"Objeto, que tiene los dos pares de valor clave y un objeto vacío llamado"EMP1":

Const Empleado =
Nombre: 'Alex',
Designación: 'Gerente'
;
Deje emp1 = ;

Entonces, clonaremos el "empleado"Propiedades del objeto para el"EMP1"Objeto usando JavaScript"Objeto.asignar()" método. Para hacerlo, especificaremos "EMP1" como "objetivo"Objeto y"empleado" como "fuente" objeto:

Objeto.asignar (emp1, empleado);

Ejecución del "Objeto.asignar()El método "devolverá el objeto de destino que es"EMP1" en nuestro caso:

Ahora modificaremos el valor del "empleado.nombre"Propiedad y verifique si los cambios agregados también reflejan los clonados"EMP1"Objeto o no:

empleado.nombre = 'Stepheny';
consola.log ("EMP1 Nombre:" + EMP1.nombre);
consola.Log ("Empleado.Nombre: " + Empleado.nombre);

Como puede ver en la salida dada por debajo que altere el "empleado.nombre"El valor de la propiedad no ha modificado el"EMP1" objeto. Esto se debe a que el objeto objetivo "EMP1"Se desconecta del"empleado"Objeto después de clonar sus valores:

Sin embargo, cuando se agrega un objeto referenciado interno, el JavaScript "Objeto.asignar()"El método lo hará Copiar es referencia, no el objeto real. En dicho escenario, los objetos de origen y de destino se refieren al mismo objeto de referencia interno, y los cambios realizados en la propiedad del objeto de origen también afectarán el valor de la propiedad del objeto de destino.

Por ejemplo, en el "empleado"Objeto, agregaremos"DIRECCIÓN"Como objeto de referencia interno que comprende un"ciudad" Propiedad:

Const Empleado =
DIRECCIÓN:
Ciudad: 'Ankara'

;

Después de eso, clonaremos las propiedades del "empleado"Objeto en"EMP1":

Deje emp1 = ;
Objeto.asignar (emp1, empleado);

Producción

En este punto, "EMP1"El objeto se refiere a la dirección de memoria de la referencia interna"DIRECCIÓN"Objeto del"empleado"Y puede acceder a su par de valores clave:

consola.log ("EMP1.DIRECCIÓN.Ciudad: " + Emp1.DIRECCIÓN.ciudad);
consola.Log ("Empleado.DIRECCIÓN.Ciudad: " + Empleado.DIRECCIÓN.ciudad);

La salida dada muestra que "Ankara"Se establece como el valor del"DIRECCIÓN"Propiedad para ambos"empleado" y "EMP1" objetos:

Ahora, si modificamos el valor de "DIRECCIÓN.ciudad" propiedad de "empleado"Objeto entonces se aplicarán cambios a los copiados"EMP1"Objeto también:

empleado.DIRECCIÓN.ciudad = 'iestanbul';
consola.log ("EMP1.DIRECCIÓN.Ciudad: " + Emp1.DIRECCIÓN.ciudad);
consola.Log ("Empleado.DIRECCIÓN.Ciudad: " + Empleado.DIRECCIÓN.ciudad);

El invocado "consola.registro()"Método se mostrará"Estanbul" como "DIRECCIÓN.ciudad"Valor de propiedad para ambos"empleado" y "EMP1" objetos:

Ahora, verifiquemos el método para fusionar objetos usando el objeto JavaScript.Método asignar ().

Cómo fusionar objetos usando el objeto JavaScript.Método asignar ()

En JavaScript, también puede utilizar el "Objeto.asignar()" método para fusionando diferente fuente objetos en un uno objetivo objeto. Para este propósito, debes seguir la sintaxis dada.

Sintaxis de usar objeto JavaScript.asignar () método para objetos de fusión

objetivo = objeto.asignar (, fuente1, fuente2);

Aquí, "fuente1", y "fuente2"Representa los múltiples objetos cuyas propiedades se fusionarán en el"objetivo"Objeto, usando"Objeto.asignar()" método.

Ejemplo: cómo fusionar objetos usando el objeto JavaScript.Método asignar ()

Para demostrar el procedimiento de fusionar objetos utilizando el "Objeto.asignar()"Método, en primer lugar, crearemos dos objetos llamados"fruta" y "verdura":

const fruit = fruitname: 'manzana';
const vegetales = vegetableBeName: 'Potato';

Después de hacerlo, invocaremos el "Objeto.asignar()"Método para fusionar"fruta" y "verduras"Objetos en el objetivo"comida"Objeto que actualmente está vacío :

const eatables = objeto.asignar (, fruta, vegetal);
consola.log (comidas);

Como resultado de la ejecución, el "consola.registro()"El método imprimirá el"comida"Propiedades del objeto y sus respectivos valores en la consola:

Sin embargo, si desea agregar una propiedad al "objetivoObjeto antes de realizar la operación de fusión, luego eche un vistazo a la siguiente sintaxis:

objetivo = objeto.asignar (propiedad: 'valor', fuente1, fuente2);

Según la sintaxis anterior, "El valor de la propiedad"Representa el par de valores clave que se agregará al"objetivo"Objeto, entonces el"Objeto.asignar()"El método fusionará el"fuente1" y "fuente2"Objetos en el especificado"objetivo" objeto.

Para comprender claramente el concepto establecido, ejecute el código dado a continuación:

const eatables = objeto.asignar (bocadillos: 'cookie', fruta, vegetal);
consola.log (comidas);

Aquí el "Objeto.asignar()"El método fusionará las propiedades de"fruta" y "verdura"Objetos en"comida"Objeto, después de agregar el"bocadillos: 'cookie'"Parque de valores clave para él:

Hemos compilado información esencial relacionada con el uso de el objeto JavaScript.asignar() Método para copiar y fusionar objetos. Explorarlos más a fondo de acuerdo con sus preferencias.

Conclusión

El javascript Objeto.asignar() El método se utiliza para clonar el enumerable valor clave par de un objeto ya creado. Este método acepta dos argumentos: fuente y objetivo, donde "fuente"Representa el objeto cuyas propiedades se clonarán en el"objetivo" objeto. También se invoca para fusionar uno o más objetos múltiples en un solo objeto. Este artículo sobre el funcionamiento del objeto JavaScript.Método asignar ().