其他分享
首页 > 其他分享> > ES6基础之——对象属性名

ES6基础之——对象属性名

作者:互联网

有一个叫food的空白对象,往这个对象里面添加属性可以用点的方式,比如:
let food={}
food.dessert='cake';

console.log(food) //{dessert:'cake'}

 

如果属性的名字包含空格,继续使用点的方式来添加属性的话,输出food的时候就会报语法错误
let food={}
food.dessert='cake';
food.hot drink = 'tea';

console.log(food) //Uncaught SyntaxError:Unexpected indentifier

 

有两种解决办法: 方法一:属性名加引号作为字符串,外加中括号;
let food={}
food.dessert='cake';
food['hot drink'] = 'tea';

console.log(food) //{dessert:'cake',hot drink:'tea'}

 

这种方法可以添加带空格的属性的名字

 

方法二:属性名用变量表示;
let food={}
let drink='hot drink';

food.dessert='cake';
food[drink] = 'tea';

console.log(food) //{dessert:'cake',hot drink:'tea'}

标签:ES6,对象,dessert,drink,food,hot,tea,cake,属性
来源: https://www.cnblogs.com/fe-cherrydlh/p/11066483.html