Ключ для словаря Javascript не сохраняется в качестве значения, но в качестве имени переменной

Question

Я пытаюсь создать объект словаря, как так

var obj = { varName : varValue }; 

Что я ожидаю есть если varName='foo', то OBJ должно быть {'foo', 'some value' } однако, что Я вижу, {varName, 'some value'} значение переменной не используется, но имя переменной в качестве ключа. Как сделать так, чтобы в качестве ключа использовалось значение переменной?

Answer 1

Попробуйте так:

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

Вы не можете инициализировать объекты с 'динамическими' ключами в старом JavaScript. var obj = { varName : varValue }; эквивалентен var obj = { "varName" : varValue };. Так интерпретируется Javascript.

Однако новый ECMAScript поддерживает computed property names, и вы можете сделать:

var obj = { [varName]: varValue }; 

Answer 2

Начиная с ECMAScript 2015, которая получила улучшенную поддержку браузера в прошлом году (ы), вы можете использовать переменную индексное обозначение:

var obj = { [varName] : varValue }; 

Это синтаксически такой же, как

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

Вы также можете использовать выражение или символы в качестве ключа свойства:

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

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