crea oggetto utilizzando variabili per nome proprietà

Question

È possibile utilizzare nomi di variabili nelle proprietà letterali dell'oggetto per la creazione dell'oggetto?

Esempio

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

var myObject = createJSON("myProperty"); 

console.log(myObject.popertyName); // prints "value" 
console.log(myObject.myProperty); // Does not exist 

Answer 1

Se, in ES6, si desidera utilizzare una variabile per un nome di proprietà, è possibile utilizzare la nuova sintassi ComputedPropertyName. Posizionare il nome della variabile tra parentesi quadre:

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

In ES5, è necessario creare l'oggetto prima, e poi aggiungere la proprietà utilizzando square bracket notation.

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

Se si voleva creare programatically JSON, si avrebbe per serializzare l'oggetto in una stringa conforme al formato JSON. per esempio. con the JSON.stringify method.

Answer 2

È possibile ordinare di fare questo:

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

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

di gran lunga Perfer questa sintassi me però:

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"; 
}; 

quindi è possibile utilizzare il seguente:

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

NOTA: Questo fa uso di json2.js da qui: http://www.json.org/js.html

Answer 3

Una cosa che può essere adatta (ora che la funzionalità JSON è comune ai browser più recenti e json2.js è un fallback perfettamente valido), è di costruire una stringa JSON e quindi analizzarla.

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

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

Basta tenere a mente, nomi di proprietà JSON devono essere racchiusa tra doppi apici.

Answer 4

ES6 introduce nomi di proprietà calcolati, che ti permettono di fare

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

supporto Nota del browser è attualmente trascurabile.