Создать объект, используя переменные для имени свойства

Можно ли вообще использовать имена переменных в литеральных свойствах объекта для создания объекта?

Пример

function createJSON (propertyName){
    return { propertyName : "Value"};
}

var myObject = createJSON("myProperty");

console.log(myObject.propertyName);  // Prints "value"
console.log(myObject.myProperty);  // This property does not exist

Ответы

Ответ 1

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

var foo = "bar";
var ob  = { [foo]: "something" }; // ob.bar === "something"

Если вам нужна поддержка Internet Explorer, вам нужно будет использовать подход ES5 (который можно получить, написав современный синтаксис (как указано выше), а затем применив Babel):

Сначала создайте объект, а затем добавьте свойство с помощью квадратной скобки.

var foo = "bar";
var ob  = {};
ob[foo] = "something"; // === ob.bar = "something"

Если вы хотите программно создать JSON, вам придется сериализовать объект в строку, соответствующую формату JSON. например с помощью метода JSON.stringify.

Ответ 2

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

function CreateJSON (propertyName){
    var myObject = { [propertyName] : "Value"};
}

Обратите внимание, что поддержка браузера в настоящее время незначительна.

Ответ 3

Вы можете сделать это:

  var myObject = {};
  CreateProp("myProperty","MyValue");

  function CreateProp(propertyName, propertyValue)
  {
      myObject[propertyName] = propertyValue;
      alert(myObject[propertyName]);  // prints "MyValue" 
  };

Я очень сильно использую этот синтаксис:

function jsonObject()
{
};
var myNoteObject = new jsonObject();

function SaveJsonObject()
{
    myNoteObject.Control = new jsonObject();
    myNoteObject.Control.Field1= "Fred";
    myNoteObject.Control.Field2= "Wilma";
    myNoteObject.Control.Field3= "Flintstone";
    myNoteObject.Control.Id= "1234";
    myNoteObject.Other= new jsonObject();
    myNoteObject.Other.One="myone";
};

Затем вы можете использовать следующее:

SaveJsonObject();
var myNoteJSON = JSON.stringify(myNoteObject);

ПРИМЕЧАНИЕ: здесь используется json2.js: http://www.json.org/js.html

Ответ 4

Одна вещь, которая может быть подходящей (теперь, когда функции JSON являются общими для более новых браузеров, а json2.js - совершенно верный резерв), заключается в том, чтобы построить строку JSON и затем проанализировать ее.

function func(prop, val) {
    var jsonStr = '{"'+prop+'":'+val+'}';
    return JSON.parse(jsonStr);
}

var testa = func("init", 1);
console.log(testa.init);//1

Просто имейте в виду, имена свойств JSON должны быть заключены в двойные кавычки.