Есть ли способ использовать переменные ключи в литеральном объекте JavaScript?

Question

У меня есть код вроде этого.

var key = "anything"; 
var object = { 
    key: "key attribute" 
}; 

Я хочу знать, если есть способ заменить, что key с «ничего».

как

var object = { 
    "anything": "key attribute"  
}; 

Answer 1

Да. Вы можете использовать:

var key = "anything"; 
var json = { }; 
json[key] = "key attribute"; 

Или просто используйте свой второй метод, если у вас есть значения при написании программы.

Answer 2

Ну, не «прямой» способ сделать это ...

, но это должно сделать это:

json[key] = json.key; 
json.key = undefined; 

Его немного сложно, но эй, это работает!

Answer 3

Это должно сделать трюк:

var key = "anything"; 

var json = {}; 

json[key] = "key attribute"; 

Answer 4

В ES6 используйте computed property names.

const key = "anything"; 

const object = { 
    [key]: "key attribute" 
// ^^^^^ COMPUTED PROPERTY NAME 
}; 

Обратите внимание на квадратные скобки вокруг key. Фактически вы можете указать любое выражение в квадратных скобках, а не только переменную.

Answer 5

Закрытие отлично работает для этого.

function keyValue(key){ 
    return function(value){ 
    var object = {}; 
    object[key] = value; 
    return object; 
    } 
} 

var key = keyValue(key); 
key(value); 

Answer 6

Решение:

var key = "anything"; 

var json = {}; 

json[key] = "key attribute"; 

Answer 7

Недавно было необходимо решение, как установить куки прохождения ключевых значений динамического JSon. Используя https://github.com/js-cookie/js-cookie#json, это можно сделать легко. Требуется сохранить каждое выбранное значение параметра пользователя в cookie, чтобы оно не было потеряно при закрытии вкладки или браузера.

var json = { 
     option_values : {} 
    }; 
    $('option:selected').each(function(index, el) { 
     var option = $(this); 
     var optionText = option.text(); 
     var key = 'option_' + index; 
     json.option_values[key] = optionText; 
     Cookies.set('option_values', json, { expires: 7 }); 
    }); 

Затем вы можете получить каждое значение ключа печенья на каждой загрузке страницы с помощью

Cookies.getJSON('option_values');