通过变量访问对象

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

 

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;

对象解构

 

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

 

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'