Maison >interface Web >js tutoriel >Comment accéder aux clés d'objet JavaScript à l'aide de variables ?

Comment accéder aux clés d'objet JavaScript à l'aide de variables ?

DDD
DDDoriginal
2024-12-28 03:14:10986parcourir

How to Access JavaScript Object Keys Using Variables?

Accès aux clés d'objet JavaScript via des variables

Lors de la création d'objets en JavaScript et du stockage de clés dans des variables, vous pouvez rencontrer une situation où les clés d'objet sont définis sur le nom de la variable ("clé" dans ce cas) au lieu du nom de la variable value.

Solution :

Pour résoudre ce problème, vous pouvez d'abord créer l'objet, puis utiliser des crochets ([]) pour définir dynamiquement la clé à partir de la variable :

var key = "happyCount";
var obj = {};

obj[key] = someValueArray;
myArray.push(obj);

Cette méthode vous permet de définir la clé de l'objet en utilisant la valeur stockée dans le variable.

Mise à jour ES6 (2021) :

ES6 a introduit les noms de propriétés calculés, qui fournissent une syntaxe plus concise pour la définition dynamique des clés d'objet :

const yourKeyVariable = "happyCount";
const someValueArray= [...];

const obj = {
    [yourKeyVariable]: someValueArray,
}

En utilisant des crochets dans les littéraux d'objet, vous pouvez désormais définir des clés d'objet en fonction de la valeur des variables, ce qui rend votre code plus flexible et lisible.

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!

Déclaration:
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