我们知道,访问对象的属性的时候有两种写法:
var demo1 = {};
// 写法一 :
demo1.prop1 = 1;
// 写法二 :
demo1[prop2] = 2;
那么这两种写法有什么不同呢?答案是在写法二中,我们可以在方括号中写入表达式,用表达式的值作为对象的属性。所以写法二还可以写成如下的形式:
demo1['prop' + '2'] = 2;
在ES5的年代,在对象字面量中的是不可以使用表达式的值作为对象的属性(方法)名的,但是在ES6中这种做法是被允许的。
let obj = {
['prop'+ 1] : 100;
['funct'+'ion'](){
return "我是一个方法!"
}
};
在这里有一点需要注意:如果属性名表达式是一个对象的话,默认情况下,会将其自动转换成字符串[Object Object]。
const keyA = {a: 1};
const keyB = {b: 2};
const myObject = {
[keyA]: 'valueA',
[keyB]: 'valueB'
};
myObject // Object {[object Object]: "valueB"}