Adicionar propriedades ao objeto JavaScript

Este tutorial apresenta como adicionar propriedades a objetos JavaScript.

Use a notação de colchetes para adicionar propriedades ao objeto JavaScript

A notação de colchetes é equivalente à notação de ponto com uma diferença principal. Podemos usá-lo para adicionar propriedades com mais de uma palavra em seus nomes. Por exemplo, podemos usar a notação de colchetes como person["one more"], mas não podemos usar a notação de ponto.

const person = {
  name: 'Dave',
  age: 5,
  gender: 'male'
} person['height meter'] = 2.1;
console.log(person);

Resultado:

{name: "Dave", age: 5, gender: "male", height: 2.1}

No código acima, usamos a notação de colchetes person["height meter"] para adicionar a altura à pessoa do Objeto.

Use a notação de pontos para adicionar propriedades a objetos JavaScript

const person = {
  name: 'Dave',
  age: 5,
  gender: 'male'
} person.height = 2.1;
console.log(person);

Resultado:

{name: "Dave", age: 5, gender: "male", height: 2.1}

No código acima, usamos a notação Dot person.height para adicionar altura à pessoa Object.