Ajouter des propriétés aux objets JavaScript en utilisant des variables comme clés ?

Question

J'utilise jQuery pour extraire des éléments du DOM et je souhaite définir les propriétés de l'objet en utilisant l'identifiant de l'élément DOM.

P粉116654495 · Answer

Avec ECMAScript 2015, vous pouvez utiliser la notation entre crochets directement dans la déclaration d'objet :

var obj = {
  [key]: value
}

où key peut être n'importe quel type d'expression (comme une variable), renvoyant une valeur :

var obj = {
  ['hello']: 'World',
  [x + 2]: 42,
  [someObject.getId()]: someVar
}

P粉696605833 · Answer

Vous pouvez utiliser la syntaxe équivalente :

obj[name] = value

Exemple :

let obj = {};
obj["the_key"] = "the_value";

Ou utilisez les fonctionnalités ES6 :

let key = "the_key";
let obj = {
  [key]: "the_value",
};

Dans les deux exemples, console.log(obj)将返回：{ the_key: 'the_value' }

Php8, je viens aussi