Chave de objeto dinâmico em JavaScript

Um objeto é uma entidade que armazena dados em pares de valor-chave. No JavaScript, as chaves e os valores do objeto podem ser criados de várias maneiras, incluindo atribuição usando notação de ponto ou suporte ou literais de objeto durante a inicialização. Mas às vezes uma chave de objeto precisa ser adicionada dinamicamente.

Esta postagem do blog definirá a chave de objeto dinâmico em JavaScript.

Como definir a chave de objeto dinâmico em JavaScript?

Na versão ES6 do JavaScript, os desenvolvedores podem definir dinamicamente as teclas de propriedade JavaScript para seus objetos usando a notação de suporte.

Sintaxe:

Siga a sintaxe dada para definir uma chave de objeto dinâmico em JavaScript com notação de suporte:

[keyvar] = KeyName;

Na sintaxe dada:

• ““keyvar”É o nome da variável que armazena o nome da chave que será adicionada dinamicamente no objeto.
• ““Keyname”É o nome de uma chave que será definida dinamicamente em um objeto.

Exemplo 1:

Primeiro, crie uma variável “Newkey”Para armazenar o nome da chave“ Habilidade ”:

var newkey = 'habilidade';

Então, crie um objeto “informações", Com propriedades"nome","idade", e "e-mail”. Adicione outro atributo de um objeto usando a chave “habilidade”Isso adicionará dinamicamente um objeto:

var info =
Nome: 'John',
Idade: 28,
Email: '[email protected] ',
[Newkey]: 'JavaScript'
;

Ligar para "console.registro()”Método, passando um objeto como um argumento para imprimir todas as propriedades do objeto em um par de valores-chave:

console.log (info);

Saída

A saída acima mostra que a chave dinâmica “habilidade”É adicionado e acessado com sucesso em um objeto:

Exemplo 2:

Vamos imprimir o valor da chave "habilidade”Armazenado no“informações”Objeto:

console.log (informações.habilidade);

Saída

A saída indica que o objeto “informações”Acende com sucesso o valor do“Newkey”Variável e o armazena como uma chave dinâmica.

Conclusão

Para adicionar uma chave de objeto dinamicamente, use a notação do suporte. Primeiro, armazene a chave em uma variável e depois especifique o nome da variável na notação de suporte para definir uma chave com valor como um par de valores-chave em um objeto. Esta postagem do blog define a chave de objeto dinâmico em JavaScript.