通过变量访问对象

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

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'

发布了52 篇原创文章 · 获赞 24 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_42312074/article/details/102831360