Comment puis-je interpoler une variable clé dans un objet JavaScript?

Comment puis-je utiliser la valeur de la variable a comme une clé de la recherche d'une propriété? Je veux être capable de dire: b["whatever"] et ont de ce retour 20:

var a = "whatever";
var b = {a : 20};     //Want this to assign b.whatever
alert(b["whatever"]); //so that this shows 20, not `undefined`

Je me demande si c'est possible lors de la création de b, pour contenir "whatever":20 au lieu de a:20 où "quelque chose" est lui-même dans une variable. Peut-être un eval pourrait être utilisé?

double possible de Comment créer une clé dynamique à être ajouté à l'objet javascript variable. et passer des variables en javascript object et probablement d'autres...
Je suppose que quand vous dites "interpoler," tu veux dire "l'utilisation". Juste pour ne pas vous causer des problèmes à l'avenir, interpoler signifie "estimation des valeurs inconnues entre les valeurs connues" et ne rentre pas dans cette question de titre du tout.
Non, il est en utilisant la bonne terminologie. Vous faites allusion à l'interpolation dans le domaine des mathématiques. en.wikipedia.org/wiki/Interpolation Il parle d'interpolation dans le domaine de l'informatique. en.wikipedia.org/wiki/String_interpolation. 🙂
Je pense que stackoverflow.com/questions/6500573/... demande la même chose mais formulée différemment, ni de particulièrement mauvais sens.

InformationsquelleAutor Geo | 2011-04-12

dictionary javascript

47
```
var a = "whatever";
var b = {};
b[a] = 20;
alert(b["whatever"]); //shows 20
```
- En désaccord que c'est une mauvaise réponse sur le mérite de code et de répondre à l'OP de la question. D'accord qu'il pourrait être mieux en ajoutant à l'appui du texte pour expliquer pourquoi ce que l'OP veut faire n'est pas simplement le travail en JS et un certain raisonnement derrière la réponse de l'opération. Soutenir les citations seraient aussi être une addition bienvenue. Mais c'est une solution solide de pré-ES6.
InformationsquelleAutor mVChr
39

Cela fonctionne dans Firefox 39 et Chrome 44. Ne sais pas sur les autres navigateurs. Aussi il ne fonctionne pas dans nodejs v0.12.7.
```
var a = "whatever";
var b = { [a]: 20 };
console.log(b["whatever"]); //shows 20
```
Qui est, pour interpoler une variable, placez-le entre crochets.

Je ne suis pas sûr si c'est une partie de tout standard. A l'origine, je n'ai vu de syntaxe ici: https://hacks.mozilla.org/2015/07/es6-in-depth-classes/ où l'auteur a défini:
```
[functionThatReturnsPropertyName()] (args) { ... }
```
Je ne suis pas sûr si vous devez utiliser cette syntaxe. Il n'est pas largement connu. D'autres membres de votre équipe pourrait ne pas comprendre le code.
- La syntaxe Javascript support est plus important que juste la lisibilité du code. Il est important que le navigateur de l'utilisateur n'est pas en panne! La syntaxe est la partie de la prochaine ECMAScript 6, et c'est uniquement pris en charge dans les navigateurs très récents: kangax.github.io/compat-table/es6/#object_literal_extensions
- v4.2.6 supporte également
- Totalement le droit de réponse pour ceux qui peuvent utiliser l'ES6, la honte, certains navigateurs ne sont pas encore en 2018. Cette solution est meilleure que l'on a accepté de répondre ici car il offre plus lisible et concis code.
- C'est une excellente réponse, parce qu'elle permet de construire l'objet en une seule instruction, qui joue très bien avec une ligne de la flèche fonctions avec des parenthèses
InformationsquelleAutor ucstre
6
```
var a = "whatever";
var b = {a : 20};
b[a] = 37;
alert(b["whatever"]); //37
```
'a' est une chaîne de caractères avec la valeur 'a'. a est une variable avec la valeur 'whatever'.

InformationsquelleAutor Rocket Hazmat
5

Grande question. J'ai eu un temps à essayer de trouver cela avec un trait de soulignement, mais la réponse ne pouvait pas être plus simple:
```
var a = "whatever";
var b = {a : 20};

var array = [a, b]
var answer = _.object([[array]])//{whatever: {a:20}}//NOTICE THE DOUBLE SET OF BRACKETS AROUND [[array]]
```
J'espère que cela aide!

InformationsquelleAutor rashadb
2

Essayez ceci:
```
var a = "whatever";
var c = "something";
var b = {whatever : 20, something: 37};
alert(b[a]); //Shows 20
alert(b[c]); //Shows 37
```
Ici est la violon.

Ou si je comprends bien le dessous des commentaires correctement, essayez ceci:
```
var a = "whatever";
var b = {a : 20};
alert(b.a); //Shows 20
```
- Mais il n'y a aucun moyen de directement de réagir? Nous devons le faire de cette façon?
- initialiser comment?
- Je pensais que peut-être il ya un moyen de le rendre "déréférencer" en quelque sorte et de ne pas les considérer comme une chaîne de caractères. Pourquoi est-ce le comportement par défaut en js?
- je crois que peut-être une autre question que vous pourriez poser, je ne sais pas
- aussi semble sur la même réponse
- N'est-ce pas la clé interprété comme une chaîne de caractères si vous avez vraiment ne pouvez pas l'utiliser comme ça?
- La mise à jour est mauvais, b.a est analysée comme b['a'] pas b['whatever']
- Je suis d'accord avec vous. Aussi { a: 20 } est interprété comme {'a':20}, pas comme {'whatever' : 20}.
InformationsquelleAutor Naftali aka Neal

Pour afficher toutes les options, je veux parler de la CoffeeScript façon de faire cela, qui est:

var a = "whatever";
var b = (
  obj = {},
  obj["" + a] = 20,
  obj
);

alert(b.whatever); //20

Bien que je préfère:

var a = "whatever";
var b = {};
b[a] = 20;

alert(b.whatever); //20

InformationsquelleAutor Benny Neugebauer

Que si elle est

var a = "whatever.other";
var b = {a:20};
expected output b["whatever"]["other"] should return 20

InformationsquelleAutor cris

Vous devez vous connecter pour publier un commentaire.