前端js入门——JavaScript 对象直接量
JavaScript中,创建对象可以使用构造函数方式。
代码实例如下:
obj.webName = "兴趣部落"; obj.address = "海岛市南区";
以上代码采用构造函数方式创建对象obj,为其添加两个属性并赋值。
也可以使用更为简单的方式创建对象,那就是对象直接量,代码实例如下:
var obj = { webName: "兴趣部落", address: "海岛市南区" }
对象直接量是由键值对列表组成,列表包含在大括号中,属性名称和属性值由冒号分隔,每一个键值对之间是用逗号分隔,属性值可以是任何类型。属性名称可以用引号包括也可以不用,代码如下:
var obj = { "webName": "兴趣部落", address: "海岛市南区" }
如果属性名称比较特殊,则需要加引号,比如属性名称中带有中划线,代码如下:
var obj = { webName: "兴趣部落", address: "海岛市南区", ant-zone:"前端教程" }
代码会报错,使用引号包裹"ant-zone"可以消除错误。
属性值的设置与访问:
可以通过点运算符(.)对属性值进行访问和设置,代码实例如下:
var obj = { webName: "兴趣部落", address: "海岛市南区" } obj.age = 4; console.log(obj.webName); console.log(obj.address); console.log(obj.age);
可以通过类数组方式,代码实例如下:
var obj = { webName: "兴趣部落", address: "海岛市南区" } console.log(obj["webName"]);
如果属性名称是数字,那么必须使用此种方式访问,否则会报错。
如果您对这个文章有任何异议,那么请在文章评论处写上你的评论。
愿大家都能在编程这条路,越走越远。