Anexar valores ao objeto em JavaScript

1. Use o método object.assign() para acrescentar elementos a objetos em JavaScript
2. Use o método push() para acrescentar elementos a objetos em JavaScript
3. Use o operador Spread para anexar a objetos em JavaScript

Os objetos são mutáveis ​​por padrão em JavaScript. Podemos modificá-los posteriormente, dependendo de nossos requisitos.

Este tutorial demonstra como anexar valores a objetos JavaScript.

Use o método object.assign() para acrescentar elementos a objetos em JavaScript

O método object.assign() irá copiar todas as propriedades definidas em um objeto para outro objeto, ou seja, ele copia todas as propriedades de uma ou mais fontes para os objetos de destino. Fazendo isso, estamos acrescentando um elemento ao objeto.

Por exemplo,

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

Resultado:

{ name: 'JavaScript', score: 92 }

Use o método push() para acrescentar elementos a objetos em JavaScript

A função push() adiciona elementos únicos ou múltiplos ao final de um array e retorna o novo comprimento do array.

Por exemplo,

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

Resultado:

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

Observe que count retorna o comprimento do array. Este é provavelmente o método mais direto para anexar elementos a um objeto contido em um array. É aconselhável usar arrays, pois eles também são mutáveis.

Por exemplo,

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

Resultado:

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

Use o operador Spread para anexar a objetos em JavaScript

O operador de propagação é usado para mesclar ou clonar objetos em JavaScript. Ele pode ser usado quando todos os elementos em um objeto precisam ser incluídos em alguma lista.

Por exemplo,

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

Resultado:

{ radius: 10, Backcolour: 'red' }