Agregar valores al objeto 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' }