Métodos Javascript

| | | |

JavaScript tiene una clase Object que tiene todo tipo de métodos que podemos usar para manipular estos objetos. En este artículo, veremos el método Object.assign() y mostraremos cómo se usa.

Le recordamos que un objeto es un tipo de datos en JavaScript, similar a diccionarios en Python, que tienen lo que llamamos clave: pares de valores. Digamos que tenemos un artículo, llamémoslo Harry. Puede tener pares clave:valor similares a este:

La regla general para el tema en esta situación es que el nombre de la propiedad a la izquierda de los dos puntos es la clave y las cosas a la derecha son el valor. La mayoría de las claves y los valores son bastante sencillos: el único que puede ser un poco arriesgado es la última propiedad: mascota. La mascota es siempre la clave aquí. El valor, sin embargo, es un objeto que tiene otros dos pares de claves: valor. Esto es lo que llamamos un objeto anidado.

Object.assign (target,… sourceObjs);

Hay un método Object llamado assign() que se puede usar para tomar uno o más objetos de origen y copiarlos en un objeto de destino. Vayamos directamente al código para ver qué hace:

Expongamos el código juntos. Comencemos con un objeto literal llamado hpChar. Este hpChar tiene nombre, apellido, edad, domicilio y mascota. Esta propiedad mascota es un objeto en sí mismo y tiene algunas claves y valores ‚Äã‚Äã por sí mismo.

A continuación, tenemos nuestra primera instancia de nuestro método del que estamos aquí para hablar. Object.assign acepta dos o más parámetros. El primero es siempre el objeto de destino al que desea asignar valores. En este caso, es un objeto vacío.

El segundo parámetro es nuestro objeto definido anteriormente. Este es el material de origen del que tomaremos para asignarlo al objeto de destino (nuestro primer parámetro).

La siguiente línea guarda el resultado en la consola:

Nada muy diferente, ¿verdad? Esto se debe a que asignamos hpChar a un objeto vacío; básicamente, clonamos el objeto. ¿Y si hubiera que hacerlo de nuevo, pero cambiando ciertos valores? En lugar del objeto vacío esta vez, reemplacémoslo con el objeto hpChar; ese será nuestro objetivo esta vez. Cambiemos algunos valores ‚Äã‚Äão en el segundo parámetro. No dude en jugar con los valores ‚Äã‚Äãsiempre y cuando mantenga las mismas claves.

Aquí están los valores ‚Äã‚Äãlos reemplazaré. Si no se va a cambiar el valor en el objeto de destino, no es necesario obtener explícitamente su valor en el objeto de origen.

La segunda vez que guardamos el resultado en la consola, devolvió el objeto de destino, sobrescribiendo las propiedades con nuevos valores. Ahora nuestra consola se ve así:

Esto es lo que conecta dos objetos con las mismas propiedades. ¿Qué pasa si fusionamos tres objetos con diferentes propiedades? ¿Qué espera que suceda?

Obj1 es nuestro objetivo obj. Obj2 y obj3 son nuestros objetos fuente. Estos se fusionarán con nuestro objeto de destino. Dado que ninguna propiedad se superpone, todas las propiedades se fusionarán en obj1 con sus respectivos valores.

¡Aquí vamos! Una implementación funcional de Object.assign (). Una vez que comprenda los conceptos aquí, ¡estará un paso más cerca de aprender un marco de JavaScript!

¿Listo para aprender más?

Mira estos tutoriales para profundizar tu estudio...

JavaScript Object.keys()

Una guía paso a paso de las hojas JavaScript

< a href="/javascript-typeof/"> Tipos de JavaScript

La cadena de JavaScript contiene: Guía paso a paso

Variables JavaScript

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method