Maison > interface Web > js tutoriel > Comment puis-je attribuer dynamiquement des noms de propriétés d'objet en JavaScript ?

Comment puis-je attribuer dynamiquement des noms de propriétés d'objet en JavaScript ?

DDD
Libérer: 2024-12-26 17:30:18
original
553 Les gens l'ont consulté

How Can I Dynamically Assign Object Property Names in JavaScript?

Remplir dynamiquement les propriétés d'un objet

Une tentative d'initialisation d'un objet à l'aide de noms de clés indirects a produit une erreur, soulevant la question de savoir comment réaliser un tel exploit. Le résultat souhaité implique la création d'un objet avec des paires clé-valeur spécifiques où les noms de clés sont dérivés d'une source externe.

La solution, cependant, réside dans le domaine du JavaScript moderne. Grâce à la syntaxe ES6 et à ses améliorations du littéral d'objet, il est possible de construire dynamiquement des propriétés d'objet basées sur des variables :

iconMap: {
  [KEYS.PHONE_TYPE]: 'icon-phone',
  [KEYS.AGENT_TYPE]: 'icon-headphones',
};
Copier après la connexion

Dans cet exemple, les noms de propriétés d'objet correspondent aux valeurs stockées dans l'objet KEYS. Les crochets encapsulant la variable KEYS.PHONE_TYPE permettent de dériver dynamiquement le nom de la propriété au moment de l'exécution.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal