chiave per javascript dizionario non è memorizzato come valore, ma come nome di variabile

Question

Sto cercando di creare un oggetto di dizionario in questo modo

var obj = { varName : varValue }; 

Quello che mi aspetto è che se varName='foo', l'obj dovrebbe essere {'foo', 'some value' } tuttavia ciò che Vedo è {varName, 'some value'} il valore della variabile non viene utilizzato ma un nome di variabile come chiave. Come faccio a fare in modo che il valore variabile sia usato come chiave?

Answer 1

Prova in questo modo:

var obj = {}; 
obj[varName] = varValue; 

Non è possibile inizializzare gli oggetti con tasti 'dinamici' nel vecchio Javascript. var obj = { varName : varValue }; è equivalente a var obj = { "varName" : varValue };. Questo è il modo in cui interpreta Javascript.

Tuttavia nuovo ECMAScript supporta computed property names, e si può fare:

var obj = { [varName]: varValue }; 

Answer 2

Partendo ECMAScript 2015, che ha ottenuto un migliore supporto del browser nel corso dell'ultimo anno (s), è possibile utilizzare la notazione indice variabile:

var obj = { [varName] : varValue }; 

Questo è sintatticamente uguale

var obj = {}; 
obj[varName] = varValue; 

È inoltre possibile utilizzare espressioni o simboli come chiave di proprietà:

var contact = { 
    company: companyName, 
}; 
var companiesWithContacts = { 
    [contact.company.toLowerCase()]: true 
}; 

var myList = { 
    [Symbol.iterator]: createIteratorForList 
}; 
function createIteratorForList() { ... }