Comment puis-je attribuer dynamiquement des clés à des objets JavaScript ?

Attribution dynamique de clés dans les objets JavaScript

La question d'origine met en évidence un défi courant rencontré lors de la construction d'objets en JavaScript, où la clé souhaitée est stockée dans une variable. L'utilisation de la variable comme clé directement dans le littéral de l'objet entraîne la définition de la clé comme "clé" au lieu de la valeur de variable souhaitée.

Pour résoudre ce problème, la solution fournie suggère de créer d'abord l'objet, puis d'utiliser la notation entre crochets pour définir la clé de manière dynamique. En plaçant le nom de la variable entre parenthèses, JavaScript l'interprète comme une propriété calculée, attribuant dynamiquement la valeur de la variable comme clé.

var key = "happyCount";
var obj = {};
obj[key] = someValueArray;
myArray.push(obj);

Dans cette approche, l'objet obj est créé avec une clé vide. Ensuite, la clé variable est utilisée comme propriété calculée, définissant la clé sur la valeur souhaitée. Enfin, l'objet est poussé dans le tableau.

Une méthode alternative introduite dans ES6 consiste à utiliser des noms de propriétés calculés. Cette fonctionnalité vous permet de calculer dynamiquement les noms de propriété d'un objet en utilisant la syntaxe entre crochets :

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

const obj = {
    [yourKeyVariable]: someValueArray,
}

Dans ce code, l'objet obj est créé avec un nom de propriété calculé où la variable yourKeyVariable détermine la clé. Cette approche fournit un moyen concis et flexible de définir dynamiquement des clés d'objet en JavaScript.

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!