快捷导航
蚂蚁部落 网站首页 前端教程 JS教程 查看内容

栏目导航

≡基础知识≡

≡操作符≡

≡语句≡

≡函数≡

≡面向对象≡

≡对象≡

≡事件≡

≡事件对象≡

≡操作DOM方法≡

≡操作DOM属性≡

≡操作table表格≡

≡操作select控件≡

≡操作cookie≡

≡浏览器对象模型≡

≡进阶≡

JavaScript 对象直接量

2017-8-7 12:48| 发布者: admin| 查看: 681| 评论: 2|来自: 蚂蚁部落

在javascript中,创建一个对象可以使用构造函数的方式。

代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
var obj=new Object();
obj.webName = "蚂蚁部落";
obj.address = "青岛市南区";

以上代码采用构造函数方式创建了一个对象obj,然后为其添加两个属性并赋值。

还可以使用一种更为简单的方式创建对象,那就是对象直接量,代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
var obj = {
  webName: "蚂蚁部落",
  address: "青岛市南区"
}

对象直接量是由键值对列表组成,列表包含在大括号中,属性名称和属性值由冒号分隔,每一个键值对之间是用逗号分隔的,属性值可以是任何类型。属性名称可以用引号包括,代码如下:

[JavaScript] 纯文本查看 复制代码运行代码
var obj = {
  "webName": "蚂蚁部落",
  "address": "青岛市南区"
}

如果属性名称比较特殊,则需要加引号,比如属性名称中带有中划线,代码如下:

[JavaScript] 纯文本查看 复制代码运行代码
var obj = {
  webName: "蚂蚁部落",
  address: "青岛市南区",
  ant-zone:"前端教程"
}

上面会报错,如果使用引号包裹"ant-zone"可以消除错误。

属性值的设置与访问:

可以通过点运算符(.)对属性值进行访问和设置,代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
var obj = {
  webName: "蚂蚁部落",
  address: "青岛市南区"
}
obj.age = 4;
console.log(obj.webName);
console.log(obj.address);
console.log(obj.age);

可以通过类数组方式,代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
var obj = {
  webName: "蚂蚁部落",
  address: "青岛市南区"
}
console.log(obj["webName"]);

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

2

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (2 人)

发表评论

最新评论

引用 admin 2017-7-14 15:04
小前端: 数组访问ogj console.log(obj )
数组访问[]中的是索引
引用 小前端 2017-7-14 14:59
数组访问ogj
console.log(obj["webName"])

查看全部评论(2)

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2017-8-21 12:37 , Processed in 0.071954 second(s), 21 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

返回顶部