Clé d'objet dynamique en javascript

Un objet est une entité qui stocke les données dans les paires de valeurs clés. En JavaScript, les clés et les valeurs d'objet peuvent être créés plusieurs façons, y compris l'attribution en utilisant une notation de point ou du support ou des littéraux d'objet lors de l'initialisation. Mais parfois une clé d'objet doit être ajoutée dynamiquement.

Ce billet de blog définira la clé d'objet dynamique en javascript.

Comment définir la clé d'objet dynamique en javascript?

Dans la version ES6 de JavaScript, les développeurs peuvent définir dynamiquement les clés de propriété JavaScript pour leurs objets en utilisant la notation du support.

Syntaxe:

Suivez la syntaxe donnée pour définir une clé d'objet dynamique en javascript avec la notation du support:

[keyvar] = keyName;

Dans la syntaxe donnée:

• "keyvar"Est le nom de variable qui stocke le nom de la clé qui sera ajouté dynamiquement dans l'objet.
• "nom de clés«Est le nom d'une clé qui sera définie dynamiquement dans un objet.

Exemple 1:

Tout d'abord, créez une variable "newcy«Pour stocker le nom de la« compétence »clé:

var Newkey = 'Skill';

Ensuite, créez un objet "Info", Avec des propriétés"nom","âge", et "e-mail". Ajoutez un autre attribut d'un objet en utilisant la clé "compétence«Cela ajoutera dynamiquement un objet:

var info =
Nom: «John»,
Âge: 28,
Courriel: 'John @ gmail.com ',
[Newkey]: «Javascript»
;

Appeler le "console.enregistrer()”Méthode en passant un objet comme argument pour imprimer toutes les propriétés de l'objet dans une paire de valeurs clés:

console.journal (info);

Sortir

La sortie ci-dessus montre que la clé dynamique "compétence«Est ajouté avec succès et accessible dans un objet:

Exemple 2:

Imprimons la valeur de la clé "compétence”Stocké dans le«Info" objet:

console.journal (informations.compétence);

Sortir

La sortie indique que l'objet «Info«Accédez avec succès à la valeur du«newcy”Variable et le stocke comme une clé dynamique.

Conclusion

Pour ajouter une clé d'objet dynamiquement, utilisez la notation du support. Tout d'abord, stockez la clé dans une variable, puis spécifiez le nom de variable en notation de support pour définir une clé avec une valeur en tant que paire de valeurs de clé dans un objet. Ce billet de blog définit la clé d'objet dynamique en javascript.