Comment créer une propriété d'objet à partir d'une valeur de variable en JavaScript?

Question

Je veux ajouter une nouvelle propriété à « myObj », nommez « string1 » et lui donner une valeur de « string2 », mais quand je le fais, il retourne « undefined:

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

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

En d'autres termes: Comment puis-je créer une propriété d'objet et lui donner le nom stocké dans la variable, mais pas le nom de la variable elle-même?

Answer 1

Il y a the dot notation and the bracket notation

myObj[a] = b; 

Answer 2

notation Dot et les propriétés sont équivalentes. Donc, vous accomplir comme ceci:

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

(alertes "whatever")

Answer 3

Ecu, si vous le faites myObj.a, il recherche la propriété nommée un des myObj. Si vous faites myObj[a] =b alors il cherche la propriété a.valueOf() de myObj.

Answer 4

Vous pouvez simplement utiliser ceci:

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

Tout ce que vous passez comme premier paramètre sera le nom de la propriété, et le second paramètre est la valeur de la propriété.

Answer 5

Oneliner:

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

Ou:

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

Quelque chose de plus court?

Answer 6

ES6 présente les noms de propriétés calculées, qui vous permettent de faire

var myObj = {[a]: b}; 

support du navigateur Remarque est actuellement négligeable.

Answer 7

Vous ne pouvez pas utiliser une variable pour accéder à une propriété via la notation par points. Utilisez plutôt la notation de tableau.

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

Answer 8

Comme la portée de $ est un objet, vous pouvez essayer avec JavaScript par:

$scope['something'] = 'hey' 

Il est égal à:

$scope.something = 'hey' 

I created a fiddle to test.

Answer 9

Voici une approche alternative pour renvoyer un objet paire de clés en utilisant la forme (a, b). Le premier exemple utilise la chaîne 'key' comme nom de propriété et 'val' comme valeur.

Exemple # 1:

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

Exemple: # 2:

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

Comme le montre le deuxième exemple, cela peut modifier des objets existants, trop (si la propriété est déjà défini dans l'objet, la valeur sera écrasée).

Résultat # 1:{ key: 'val' }

Résultat # 2:{ foo: 'bar', key: 'val' }