您可以通过几种不同的方式实现这一目标 .
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'