前端js入门——JavaScript 对象直接量

更新时间:2019-06-26 09:30:32 点击次数:1385次
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"]);

如果属性名称是数字,那么必须使用此种方式访问,否则会报错。

本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是一个个人学习交流的平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽,造成漏登,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

回到顶部
嘿,我来帮您!