JavaScript进阶 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

访问属性


访问对象的属性有两种方式:点或者中括号操作符。点操作符在我们上一页当中已经应用到了。

1.使用点操作符

语法:objectName.propertyName

其中,objectName 为对象名称,propertyName为属性名称。

2.使用中括号操作符

语法:objectName[propertyName]

其中,objectName 为对象名称,propertyName 为属性名称。

示例:

var cat = {
    "name": "tom",
    "sex": "man",
    "color": "yellow"
}
var name1 = cat.name; //通过点操作符来访问对象属性
var name2 = cat["name"]; //通过中括号操作符来访问对象属性

上述中name1和name2的值是相等的。在实际的开发当中使用点操作符的情况会比较多一些。

创建一个dog的对象,有属性:name、age和varieties。然后通过document.write输出对象的全部属性。