Comment Définir UN objet JS nom de la propriété à partir d'une variable

Je suis dans le besoin de définir un JS nom de propriété d'objet dynamique.

for(i=1; i<3; i++) {
    var key  = i+'name';

    data = {
        key : 'name1',
    }
}

Résultat devrait être:

data = {
    1name: 'name1'
    2name: 'name1'
}
InformationsquelleAutor Vinoth Babu | 2012-12-12
  1. 180
    var jsonVariable = {};
for(var i=1; i < 3; i++) {
  jsonVariable[i + 'name'] = 'name' + i;        
}
    • Musa est la réponse ci-dessous sont également correctement clairement que l'aide de [] la notation est en fait la seule façon de le faire.
    • Notez également que @ChilNut la réponse ci-dessous décrit maintenant la manière la plus simple de le faire à l'aide de ES6
    • En fait, avec la nouvelle syntaxe de ce que l'OP est d'essayer d'atteindre ne sera possible que si la boucle limite est codé en dur et les petits.
    InformationsquelleAutor closure
  2. 150

    Vous aurez à utiliser [] notation pour définir les touches de façon dynamique.

    var jsonVariable = {};
for(i=1; i<3; i++) {        
 var jsonKey  = i+'name';
 jsonVariable[jsonKey] = 'name1';

}

    Maintenant dans l'ES6, vous pouvez utiliser la syntaxe littérale de créer des clés de l'objet de façon dynamique, juste envelopper la variable dans []

    var key  = i + 'name';
data = {
    [key] : 'name1',
}
    • jsonVariable = {}; ne doit pas être initialisé à l'intérieur de la boucle for.
    • Aussi, vous êtes à la prise de jsonVariable mondiale ici
    InformationsquelleAutor Musa
  3. 120

    Avec ECMAScript 6, vous pouvez utiliser des variables les noms de propriété avec l'objet de la syntaxe littérale, comme ceci:

    var keyName = 'myKey';
var obj = {
              [keyName]: 1
          };
obj.myKey;//1

    Cette syntaxe est disponible dans les navigateurs plus récents:

    Bord 12+ (N IE de soutien), FF34+, Chrome 44+, Opera 31+, Safari 7.1+

    (https://kangax.github.io/compat-table/es6/)

    Vous pouvez ajouter le support pour les anciens navigateurs à l'aide d'un transpiler comme babel. Il est facile de transpile l'ensemble d'un projet si vous utilisez un module de bundler comme cumulatif ou webpack.

    • Merci pour l'ajout du génial ES6 syntaxe
    • Sans ES6 je ne peux pas définir var charge utile={dynamicKey:val} , j'ai besoin de faire var charge utile={} et de la charge utile[variableName]=val.
    InformationsquelleAutor chiliNUT
  4. 23

    C'est la façon de définir dynamiquement la valeur

    var jsonVariable = {};
for (var i = 1; i < 3; i++) {
    var jsonKey = i + 'name';
    jsonVariable[jsonKey] = 'name' + i;
}
    • C'est simplist du code pour répondre à cette question, excellent travail itmc
    InformationsquelleAutor timc
  5. 13

    Utiliser une variable comme un objet clé

    let key = 'myKey';

let data = {[key] : 'name1'; }

    Voir Comment iterete sur votre objet ici

    • Pouvez-vous nous en dire un peu plus pour laisser les autres savoir pourquoi cela pourrait être une solution?
    • Je n'ai pas vraiment savoir pourquoi cela fonctionne
    • L'info que vous avez ajoutés sont bien, de ne jamais donner une réponse avec juste le code 😉
    InformationsquelleAutor Boris Detry
  6. 7

    Il n'a pas d'importance où la variable vient de. Principale chose que nous avons une ...
    Définir le nom de la variable entre crochets "[ .. ]".

    var optionName = 'nameA';
var JsonVar = {
[optionName] : 'some value'
}
    • Cela fonctionne de nice, je me demande si ça fonctionne dans tous les navigateurs / versions
    InformationsquelleAutor Knut Hering
  7. 1
    jsonVariable = {}
for(i=1; i<3; i++) {        
   var jsonKey  = i+'name';
   jsonVariable[jsonKey] = 'name1'
}

    ce sera similaire à 

        jsonVariable = {
    1name : 'name1'
    2name : 'name1'
}
    InformationsquelleAutor suman
  8. 0

    Le long des lignes de Sainath S. R du commentaire ci-dessus, j'ai été en mesure de définir un objet js nom de la propriété à partir d'une variable dans le Script Google Apps (qui ne prend pas en charge ES6 encore) par la définition de l'objet, puis de définir une autre clé/valeur à l'extérieur de l'objet:

    var salesperson = ...

var mailchimpInterests = { 
        "aGroupId": true,
    };

mailchimpInterests[salesperson] = true;
    InformationsquelleAutor Mark Corrigan