声明:
本人水平有限,文章仅供自己记录学习和总结.
2种方式:
- obj[''propertyName'']
- obj.propertyName
举例说明
var iphone = {
color:"black",
storage:"64G",
'screen size':"4.7寸"
};
像上面这个iphone对象,我想访问展示它的颜色属性(color)我该如何操作呢?
就像最初提到的那样我们有2种方式来访问它的属性,操作如下:
//在控制台输出color属性
console.log(iphone.color); //返回结果:black
console.log(iphone["color"]); //返回结果:black
两种方式输出结果一模一样!那为何会出现2种方式呢?有什么区别呢?
看下面情况:
//在控制台输出screen size属性
console.log(iphone.screen size); // 返回结果: 报错
console.log(iphone["screen size"]); //返回结果:4.7寸
此时,第二个[]方法明显达到了我们的预期效果.那我们如何判断该用哪种方法呢?
以我的经验的就是: .propertyName方法对属性名称有一定的要求,以字母开头其后可以跟字母或数字,不能有"空格"或"-"或"*"或"()"或"[]"等符号;例如:
//以下都可以用.propertyName方法
iphone
iphone7
iphone10
iphone10plus
.propertyName方法简单易写,但不是万能的.如果遇到有特殊字符或者不确定的时候还是用["propertyName"]方法更保险一些;