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

82

У меня такой код.

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

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

нравиться

var object = {  
    "anything": "key attribute"     
};
Гордиан Юань
источник

Ответы:

197

В ES6 используйте вычисляемые имена свойств .

const key = "anything";   

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

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


источник
5
работает и с хромом.
Самый
1
Это нормально для ES6, но как насчет более старых версий (IE11 выйдет из строя из-за кода выше)
паскальзон
117

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

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

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

tvanfosson
источник
15

В современном Javascript (ECMAScript 6) вы можете заключить переменную в квадратные скобки:

var key = "anything";

var json = {
    [key]: "key attribute"
};
Хорхе Баррозу
источник
12

Это должно помочь:

var key = "anything";

var json = {};

json[key] = "key attribute";
Д. Эванс
источник
Но он хочет сделать это в контексте литерала объекта.
4

Решение:

var key = "anything";

var json = {};

json[key] = "key attribute";
Аатиф Бандей
источник
Пожалуйста, объясните свое решение.
Мартин Забель
1
@MartinZabel Вряд ли нужно объяснять.
-2

Замыкания отлично подходят для этого.

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

var key = keyValue(key);
key(value);
Рик
источник
Замыкание - это просто механизм, используемый здесь. Концепция - HOF.
1
HOF = Функции высшего порядка.
Рик
-2

Недавно потребовалось решение, как настроить файлы cookie, передающие динамические значения ключей 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 } );
    }); 

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

Cookies.getJSON('option_values');
Алексей Воробьев
источник
-3

Что ж, "прямого" способа сделать это ...

но это должно сработать:

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

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

Джархатх
источник