javascript - objetos - crear objeto usando variables para nombre de propiedad

recorrer array de objetos javascript

Question

Esta pregunta ya tiene una respuesta aquí:

• Usar una variable para una clave en un objeto JavaScript literal 6 respuestas

¿Es posible usar nombres de variables en propiedades de objetos literales para la creación de objetos?

Ejemplo

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

Si, en JavaScript, desea usar una variable para un nombre de propiedad, primero debe crear el objeto y luego asignar la propiedad usando la notación de corchetes .

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

Si quisieras crear JSON programáticamente, tendrías que serializar el objeto a una cadena que se ajustara al formato JSON. por ejemplo, con el método stringify de la biblioteca JavaScript JSON en json.org

Answer 2

Puedes hacer esto:

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

Sin embargo, prefiero esta sintaxis:

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

Entonces puedes usar lo siguiente:

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

NOTA: Esto hace uso de json2.js desde aquí: http://www.json.org/js.html

Answer 3

Una cosa que puede ser adecuada (ahora que la funcionalidad JSON es común para los navegadores más nuevos, y json2.js es una alternativa perfectamente válida), es construir una cadena JSON y luego analizarla.

function func(prop, val) {
var jsonStr = ''{"''+prop+''":''+val+''}'';
return JSON.parse(jsonStr);
}
var testa = func("init", 1);
console.log(testa.init);//1

Solo tenga en cuenta que los nombres de propiedad JSON deben estar entre comillas dobles.

Answer 4

ES6 introduce nombres de propiedades computados, que le permiten hacer

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

Nota El soporte del navegador actualmente es insignificante.