- Uso del método Object.assign() para agregar valores a un objeto en JavaScript
- Uso del método push () para agregar valores al objeto en JavaScript
- Uso del operador de extensión (...) para agregar valores a un objeto en JavaScript
Método 1: usar el método Object.assign() para agregar valores al objeto en JavaScript
los Objeto.assign() El método es famoso por agregar valores a los objetos. Se necesitan dos argumentos. El primero representa el objeto de destino y el segundo argumento toma los pares clave/valor. la sintaxis de Objeto.assign() método se proporciona a continuación:
Sintaxis
Objeto . asignar ( objetivo, fuente ) ;
Los parámetros se describen aquí:
- objetivo : especifica el objeto al que se añadirán los valores.
- fuente : se refiere al valor que se agrega.
Comprendamos el funcionamiento de este método a través del siguiente código de ejemplo:
Código
consola. Iniciar sesión ( 'Un ejemplo para usar el método de asignación ()' ) ;
dejar que user_obj = {
1 : { nombre : 'Adán' } ,
2 : { nombre : 'Harry' } ,
} ;
dejar obj = Objeto . asignar ( usuario_obj, { 3 : { nombre : 'Jasam' } } ) ;
consola. Iniciar sesión ( objeto ) ;
En este código:
- En primer lugar, 'Adán' y 'Harry' se asignan como valores a los 'nombre' propiedad.
- los Objeto.assign() se utiliza para agregar un 'Jasam' valor a la “obj_usuario” objeto.
- Finalmente, el consola.log() El método se emplea para presentar todos los valores en la ventana de la consola.
Producción
Se observa a partir de la salida que el nuevo valor se agrega con éxito al objeto.
Método 2: usar el método push () para agregar valores a un objeto de matriz en JavaScript
los empujar() El método se puede usar para agregar o insertar uno o varios valores en una matriz. Este método devuelve una nueva matriz después de agregar valores. Veamos si funciona a través de la siguiente sintaxis:
Sintaxis
arreglo empujar ( valor1, valor2, ..., valorN )En esta sintaxis, “valor1”, “valor2” y 'valorN' son los valores que se agregarán al “ Arr ' variable.
Código
consola. Iniciar sesión ( 'Un ejemplo para usar el método de asignación ()' ) ;constante Deportes = [ 'Grillo' , 'hockey' , 'fútbol' ] ;
constante encimera = Deportes. empujar ( 'baloncesto' ) ;
consola. Iniciar sesión ( encimera ) ;
consola. Iniciar sesión ( Deportes ) ;
La descripción del código se proporciona aquí:
- Una matriz denominada 'Deportes' se crea que comprende tres elementos, es decir, “cricket”, “hockey” y 'fútbol' .
- Después de eso, el valor 'baloncesto' se adjunta al uso de la deportes.push() método en JavaScript.
- Al final, el consola.log() El método muestra la matriz en la ventana de la consola. .
Producción
La salida muestra que el 'baloncesto' El valor se agrega al Deportes objeto utilizando el empujar() método.
Método 3: usar el operador Spread (...) para agregar valores al objeto en JavaScript
El operador de propagación (...) se emplea para agregar valores a los objetos en JavaScript. Es útil fusionar objetos en un solo lugar. La sintaxis del operador de propagación se proporciona a continuación:
Sintaxis
{ ... objeto , llave : 'valor' }En esta sintaxis, 'valor' se asigna a la llave en el objeto objeto .
El código de ejemplo del operador de propagación para agregar valores a un objeto se proporciona a continuación:
Código
consola. Iniciar sesión ( 'Un ejemplo para usar el operador de propagación' ) ;dejar obj1 = { nombre : 'Harry' } ;
obj2 = { ... obj1 , color : 'blanco' } ;
consola. Iniciar sesión ( obj2 ) ;
En este código:
- Un 'obj1 ” se utiliza para almacenar el elemento nombre asignando el valor 'Harry' .
- Después de eso, el 'blanco' el valor se agrega a 'obj1' .
- Al final, el consola.log() El método muestra los valores adjuntos en la ventana de la consola.
Producción
La salida muestra el nuevo objeto “ obj2 ” que contiene el valor del objeto “ obj1 ” así como el valor adjunto “ blanco ”.
Conclusión
JavaScript proporciona dos métodos, es decir, Objeto.assign() y empujar() para añadir valores a un objeto.
los Objeto.assign() método que agrega valores a los objetos por pares clave/valor. los empujar() El método agrega uno o varios valores a una matriz. sin embargo, el untado (…) El operador también se puede usar para agregar valores a un objeto. Esta publicación ha demostrado todas las posibilidades para agregar valores a un objeto en JavaScript.