如何在JavaScript中从变量值创建对象属性?

我想添加一个新的属性'myObj'，命名为'string1'，并给它一个值'string2'，但当我这样做时，它返回'undefined:

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


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

换句话说:我如何创建一个对象属性并给它存储在变量中的名称，而不是变量本身的名称?

458449 次浏览
小开
最佳答案

有点符号和括号符号

myObj[a] = b;
小开

点表示法和属性是等价的。你可以这样完成:

// const myObj = new Object();
const myObj = {};
const a = 'string1';
myObj[a] = 'whatever';
alert(myObj.string1);

(提醒“whatever")

小开

Ecu，如果你执行myObj.a，那么它会查找myObj中名为a的属性。 如果执行myObj[a] =b，则它会查找myObj的a.valueOf()属性

小开

你可以用这个:

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

作为第一个参数传递的任何东西都将是属性名，第二个参数是属性值。

小开

Oneliner:

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

或者:

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

短吗?

小开

ES6引入了计算属性名，允许您执行

var myObj = {[a]: b};

注意浏览器支持目前可以忽略不计。

小开

不能使用变量通过点表示法访问属性，而是使用数组表示法。

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

因为$scope是一个对象，你可以尝试用JavaScript:

$scope['something'] = 'hey'

它等于:

$scope.something = 'hey'

我做了一把小提琴来测试。

小开

下面演示了使用(a, b)形式返回密钥对对象的另一种方法。第一个例子使用字符串'key'作为属性名，'val'作为值。

例# 1:

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

例如:# 2:

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

如第二个例子所示，这也可以修改现有对象(如果属性已经在对象中定义，value将被覆盖)。

< >强结果# 1:< / >强 { key: 'val' }

< >强结果# 2:< / >强 { foo: 'bar', key: 'val' }


提交答案