Ключевое имя в ассоциативном массиве

Question

Я пытаюсь добавить элементы в ассоциативный массив, но мое ключевое имя не создается должным образом. Мой код выглядит следующим образом:

var room_name = $('#room_name').val(); 
var item_name = $('#item_name').val(); 
var item_description = $('#item_description').val(); 
roominventory[room_name] = { item_name : item_description }; 

Что происходит, я получаю

{ 
    "Correct room name": { 
     "item_name": "correct item description" 
    } 
} 

Все работает, кроме item_name. Я хотел бы, чтобы имя ключа было значением item_name, но вместо этого я просто получаю текст item_name.

Любые идеи, что я делаю неправильно?

Answer 1

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

var room_name = $('#room_name').val(); 
var item_name = $('#item_name').val(); 
var item_description = $('#item_description').val(); 

var obj = {}; 
obj[item_name] = item_description; 
roominventory[room_name] = obj; 

Answer 2

Как указал Рори, вы не можете использовать переменные в ключе. Вы должны использовать object, который держит key and value:

//wrong one 
var roominventory = {}; 
var room_name = "something"; 
var item_name = "something item"; 
var item_description = "something description"; 
roominventory[room_name] = {item_name : item_description}; 
console.log(roominventory); 

//correct way 
var roominventory1 = {}; 
var room_name = "something"; 
var item_name = "something item"; 
var item_description = "something description"; 
var obj = {}; 
obj[item_name] = item_description; 
roominventory1[room_name] = obj; 
console.log(roominventory1); 

https://jsfiddle.net/u2j42wsv/

Answer 3

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

roominventory[room_name] = {[item_name] : item_description};