É possível adicionar propriedades nomeadas dinamicamente aos objetos JavaScript?

Enquanto trabalha com o JavaScript, os programadores frequentemente precisam adicionar propriedades dinâmicas em um objeto, como um formulário em que os usuários podem adicionar itens com propriedades nomeadas dinamicamente. Em alguns casos, é necessário organizar dados em objetos, com os recursos desses objetos que exigem nomeação dinâmica dependentes dos dados com os quais estão interagindo. Em geral, as propriedades nomeadas dinamicamente podem ser úteis sempre que você precisar construir um objeto com propriedades que não sejam conhecidas até o tempo de execução.

Este tutorial definirá se é possível adicionar propriedades nomeadas dinamicamente em objetos em JavaScript.

É possível/viável adicionar/inserir propriedades nomeadas dinamicamente aos objetos em JavaScript?

Sim, as propriedades nomeadas dinamicamente podem ser adicionadas aos objetos JavaScript. Para esse fim, utilize o “Notação de suporte quadrado”.

Sintaxe

Siga a sintaxe mencionada dada para adicionar propriedades nomeadas dinamicamente nos objetos:

obj ['PropertyName'] = 'value';

Exemplo

Crie um objeto “carro”Com propriedades“cor" e "modelo”:

var carro =
"cor preta",
"Modelo": 2011
;

Adicione uma propriedade “preço”Dinamicamente usando o“Notação de suporte”:

carro ["preço"] = "555 $";

Imprima o objeto no console:

console.log (carro);

A saída indica que o “preço”A propriedade foi adicionada com sucesso no objeto:

Agora, adicionaremos outra propriedade no mesmo objeto:

carro ["nome"] = "bmw";

Finalmente, imprima o “carro”Objeto no console:

console.log (carro);

Saída

Compilamos todas as informações essenciais relevantes para adicionar propriedades nomeadas dinamicamente no objeto.

Conclusão

Em JavaScript, você pode adicionar propriedades a um objeto dinamicamente usando o “Notação de suporte quadrado”Usando a seguinte sintaxe“obj ['PropertyName'] = 'valor'”. Neste tutorial, definimos o conceito de se é possível adicionar propriedades nomeadas dinamicamente em objetos em javascript.