通过变量访问对象

mac2024-03-10  29

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

 

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'

 

最新回复(0)