Создание объекта с помощью динамических клавиш

Question

Во-первых, я использую Cheerio для некоторого доступа DOM и разбора с помощью Node.js. Хорошие времена.

Heres ситуация:

У меня есть функция, которая мне нужна, чтобы создать объект. Этот объект использует переменные как для своих ключей, так и для значений, а затем возвращает этот единственный объект. Пример:

stuff = function (thing, callback) { 
    var inputs = $('div.quantity > input').map(function(){ 
    var key = this.attr('name') 
    , value = this.attr('value'); 

    return { key : value } 
    }) 

    callback(null, inputs); 
} 

Он выводит это:

[ { key: '1' }, { key: '1' } ] 

(.map() возвращает массив объектов Fyi)

мне нужно key на самом деле быть строка из this.attr('name').

Каков наилучший способ присвоить строку в качестве ключа в Javascript, учитывая то, что я пытаюсь сделать?

Answer 1

В новом ES2015 standard для JavaScript (прежнее название ES6), объекты могут быть созданы с помощью вычисленных ключей: Object Initializer spec.

синтаксис:

var obj = { 
    [myKey]: value, 
} 

Применительно к сценарию ФП, он превратится в:

stuff = function (thing, callback) { 
    var inputs = $('div.quantity > input').map(function(){ 
    return { 
     [this.attr('name')]: this.attr('value'), 
    }; 
    }) 

    callback(null, inputs); 
} 

Примечание: transpiler еще требуется для browser compatiblity.

Использование Babel или Google's traceur, возможно use this syntax today.

---

В более ранних спецификаций JavaScript (ES5 и ниже), ключ в виде литерала объекта всегда интерпретируется буквально, в виде строки.

Чтобы использовать "динамический" ключ, вы должны использовать bracket notation:

var obj = {}; 
obj[myKey] = value; 

В вашем случае:

stuff = function (thing, callback) { 
    var inputs = $('div.quantity > input').map(function(){ 
    var key = this.attr('name') 
    , value = this.attr('value') 
    , ret = {}; 

    ret[key] = value; 
    return ret; 
    }) 

    callback(null, inputs); 
} 

Answer 2

Вы не можете определить литерал объекта динамическим ключом. Сделайте это:

var o = {}; 
o[key] = value; 
return o; 

Нет ярлыка (изменить: теперь есть один, с ES6, см. Другой ответ).