Agregar valores al objeto en JavaScript

1. Utilice el método object.assign() para agregar elementos a objetos en JavaScript
2. Utilice el método push() para agregar elementos a objetos en JavaScript
3. Use el operador de propagación para agregar objetos en JavaScript

Los objetos son mutables de forma predeterminada en JavaScript. Podemos modificarlos posteriormente, en función de nuestros requisitos.

Este tutorial demuestra cómo agregar valores a objetos JavaScript.

Utilice el método object.assign() para agregar elementos a objetos en JavaScript

El método object.assign() copiará todas las propiedades definidas en un objeto a otro objeto, es decir, copia todas las propiedades de una o más fuentes a los objetos de destino. Al hacer esto, agregamos un elemento al objeto.

Por ejemplo,

const course = {
  name: 'JavaScript'
};
const grade = {
  score: 92
};
const finalResult = Object.assign(course, grade);
console.log(finalResult);

Producción :

{ name: 'JavaScript', score: 92 }

Utilice el método push() para agregar elementos a objetos en JavaScript

La función push() agrega elementos únicos o múltiples al final de un array y devuelve la nueva longitud del array.

Por ejemplo,

const brands = ['nike', 'reebok', 'adidas'];
const count = brands.push('venum');
console.log(count);
console.log(brands);

Producción :

4
[ 'nike', 'reebok', 'adidas', 'venum' ]

Tenga en cuenta que count devuelve la longitud del array. Este es probablemente el método más sencillo para agregar elementos a un objeto incluido en un array. Es recomendable utilizar matrices ya que también son mutables.

Por ejemplo,

const brands = [{nike: 1500}];
const count = brands.push({reebok: 2000});
console.log(count);
console.log(brands);

Producción :

2
[{nike: 1500},{reebok: 2000}]

Use el operador de propagación para agregar objetos en JavaScript

El operador de propagación se utiliza para fusionar o clonar objetos en JavaScript. Se puede usar cuando todos los elementos de un objeto deben incluirse en alguna lista.

Por ejemplo,

const rectangle = {
  radius: 10
};
const style = {
  Backcolour: 'red'
};
const solidRectangle = {
  ...rectangle,
  ...style
};
console.log(solidRectangle);

Producción :

{ radius: 10, Backcolour: 'red' }