java动态变量_使用变量动态访问对象属性

您可以通过几种不同的方式实现这一目标 .

let foo = {

bar: 'Hello World'

};

foo.bar;

foo['bar'];

括号表示法特别强大，因为它允许您根据变量访问属性：

let foo = {

bar: 'Hello World'

};

let prop = 'bar';

foo[prop];

这可以扩展为循环对象的每个属性 . 由于更新的JavaScript结构，例如......的......，这似乎是多余的，但有助于说明一个用例：

let foo = {

bar: 'Hello World',

baz: 'How are you doing?',

last: 'Quite alright'

};

for (let prop in foo.getOwnPropertyNames()) {

console.log(foo[prop]);

}

点和括号表示法也可以像嵌套对象一样工作：

let foo = {

bar: {

baz: 'Hello World'

}

};

foo.bar.baz;

foo['bar']['baz'];

foo.bar['baz'];

foo['bar'].baz;

Object destructuring

我们还可以将对象解构视为访问对象中属性的一种方法，但如下所示：

let foo = {

bar: 'Hello World',

baz: 'How are you doing?',

last: 'Quite alright'

};

let prop = 'last';

let { bar, baz, [prop]: customName } = foo;

// bar = 'Hello World'

// baz = 'How are you doing?'

// customName = 'Quite alright'