¿Cómo crear una propiedad de objeto a partir de un valor de variable en JavaScript?

Question

Quiero añadir una nueva propiedad a 'myObj', el nombre de 'cadena1' y darle un valor de 'cadena2', pero cuando lo hago se vuelve 'no definido:

var myObj = new Object; 
var a = 'string1'; 
var b = 'string2'; 
myObj.a = b; 

alert(myObj.string1); //Returns 'undefined' 
alert(myObj.a); //Returns 'string2' 

En otras palabras: ¿Cómo creo una propiedad de objeto y le doy el nombre almacenado en la variable, pero no el nombre de la variable en sí?

Answer 1

Hay the dot notation and the bracket notation

myObj[a] = b; 

Answer 2

notación de punto y las propiedades son equivalentes. Por lo que sería lograr de este modo:

var myObj = new Object; 
var a = 'string1'; 
myObj[a] = 'whatever'; 
alert(myObj.string1) 

(alertas "lo que sea")

Answer 3

Ecu, si lo hace myObj.a, entonces se busca la propiedad llamada a de myObj. Si lo hace myObj[a] =b, entonces busca la propiedad a.valueOf() de myObj.

Answer 4

Se podía utilizar esto:

function createObject(propName, propValue){ 
    this[propName] = propValue; 
} 
var myObj1 = new createObject('string1','string2'); 

Cualquier cosa que pase como primer parámetro será el nombre de la propiedad, y el segundo parámetro es el valor de la propiedad.

Answer 5

Oneliner:

obj = (function(attr, val){ var a = {}; a[attr]=val; return a; })('hash', 5); 

O:

attr = 'hash'; 
val = 5; 
var obj = (obj={}, obj[attr]=val, obj); 

Algo más corto?

Answer 6

ES6 introduce los nombres de propiedades calculadas, que le permiten hacer

var myObj = {[a]: b}; 

soporte del navegador Nota es insignificante en la actualidad.

Answer 7

No se puede usar una variable para acceder a una propiedad a través de la notación de puntos, en su lugar se usa la notación de matriz.

var obj= { 
    'name' : 'jroi' 
}; 
var a = 'name'; 
alert(obj.a); //will not work 
alert(obj[a]); //should work and alert jroi' 

Answer 8

Como alcance $ es un objeto, puede probar con JavaScript por:

$scope['something'] = 'hey' 

Es igual a:

$scope.something = 'hey' 

I created a fiddle to test.

Answer 9

A continuación se muestra un enfoque alternativo para devolver un objeto de par de claves utilizando el formulario (a, b). El primer ejemplo utiliza la cadena 'key' como nombre de la propiedad y 'val' como valor.

Ejemplo # 1:

(function(o,a,b){return o[a]=b,o})({},'key','val'); 

ejemplo: # 2:

var obj = { foo: 'bar' }; 
(function(o,a,b){return o[a]=b,o})(obj,'key','val'); 

Como se muestra en el segundo ejemplo, este puede modificar objetos existentes, también (si la propiedad está ya definido en el objeto, el valor se sobrescribirá).

Resultado # 1:{ key: 'val' }

Resultado # 2:{ foo: 'bar', key: 'val' }