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

Question

J'utilise jQuery pour extraire un élément du DOM et je souhaite définir les propriétés de l'objet à l'aide du id de l'élément DOM.

Exemple

const obj = {}

jQuery(itemsFromDom).each(function() {
  élément const = jQuery (this)
  const nom = élément.attr('id')
  valeur const = élément.attr('valeur')

  //Voici le problème
  obj.nom = valeur
})
≪/pré>
Si itemsFromDom contient un élément avec id étant "myId", je veux que obj " "propriétés. Le code ci-dessus me donne name. 
Comment nommer les propriétés d'un objet à l'aide de variables en utilisant JavaScript ? 

Answer 1

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
}

Answer 2

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' }