WedX - журнал о программировании и компьютерных науках

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

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

Пример

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 (который можно получить, написав современный синтаксис (как указано выше), а затем применив Вавилон):

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

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

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

30.06.2010

2

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

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

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

15.08.2014
  • интересно, есть ли обновления по поддержке браузеров? 15.04.2015
  • Когда я писал ответ, только Firefox Nigthly. Теперь Firefox 34+ и Safari 7.1.3+, согласно MDN. 15.04.2015
  • Это лучший ответ для меня. Я использую nodejs. 17.02.2016
  • С 2020 года все браузеры теперь поддерживают вычисляемые имена свойств, кроме IE. 21.11.2020

  • 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 отсюда: https://www.json.org/js.html

    01.07.2010

    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 нужно заключать в двойные кавычки.

    06.01.2012
    Новые материалы

    Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
    Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..

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

    Объяснение документов 02: BERT
    BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..


    Для любых предложений по сайту: [email protected]