Ao trabalhar com JavaScript, os programadores frequentemente precisam adicionar propriedades dinâmicas em um objeto, como um formulário onde os usuários podem adicionar itens com propriedades nomeadas dinamicamente. Em alguns casos, é necessário organizar os dados em objetos, com as características desses objetos exigindo uma nomenclatura dinâmica dependente dos dados com os quais estão interagindo. Em geral, propriedades nomeadas dinamicamente podem ser úteis sempre que você precisar construir um objeto com propriedades que não são 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 em objetos em JavaScript?
Sim, propriedades nomeadas dinamicamente podem ser adicionadas a objetos JavaScript. Para isso, utilize o “ notação de colchetes ”.
Sintaxe
Siga a sintaxe mencionada para adicionar propriedades nomeadas dinamicamente aos objetos:
obj [ 'nome da propriedade' ] = 'valor' ;
Exemplo
Criar um objeto “ carro ” com propriedades “ cor ' e ' modelo ”:
onde carro = {
'cor' : 'preto' ,
'modelo' : 2011
} ;
Adicionar uma propriedade “ preço ” dinamicamente usando o “ notação de colchetes ”:
Imprima o objeto no console:
A saída indica que o “ preço ” foi adicionada com sucesso no objeto:
Agora, adicionaremos outra propriedade no mesmo objeto:
Por fim, imprima o “ carro ” no console:
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 colchetes ” usando a seguinte sintaxe “ obj['nome da propriedade'] = 'valor' ”. Neste tutorial, definimos o conceito de se é possível adicionar propriedades nomeadas dinamicamente em objetos em JavaScript.