JavaScript之Object类型介绍


Posted in Javascript onApril 01, 2015

创建Object实例的方式有两种。第一种是使用new操作符后跟Object构造函数,如下所示:

var person = new Object();

person.name = "zxj";

person.age = 25;

另一种方式是使用对象字面量表示法。对象字面量是对象定义的一种简写形式,目的在于简化创建大量属性的对象的过程。代码如下所示:

 //对象字面量

 var person = {

 name: "zxj",

 age: 25

 }

在通过对象字面量定义对象时,实际上是不会调用Object构造函数的。

一般来说,访问对象属性时使用都是点表示法,但在JavaScript中也可以使用方括号表示法来访问对象的属性。在使用方括号语法时,应该将要访问的属性以字符串的形式放在方括号内,如下所示:

alert(person["name"]) //zxj

alert(person.name) //zxj

两者功能是无任何区别,但方括号语法的主要优点就是可以通过变量来访问属性:

var propertyName="name";

alert(person[propertyName]); //zxj

如果属性名中包含会导致语法错误的字符,或者属性名使用的是关键字或保留字,也可以使用方括号表示法,例如:

person['first name'] = "zxj";

通常,除非必须使用方括号表示法,否则建议使用点表示法。

Javascript 相关文章推荐
js中array的sort()方法使用介绍
Feb 20 Javascript
javascript闭包概念简单解析(推荐)
Jun 03 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
Jan 18 Javascript
js 取消页面可以选中文字的功能方法
Jan 02 Javascript
原生js实现each方法实例代码详解
May 27 Javascript
关于layui表单中按钮自动提交的解决方法
Sep 09 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 Javascript
JavaScript 中的无穷数(Infinity)详解
Feb 13 Javascript
Vue两种组件类型:递归组件和动态组件的用法
Aug 06 Javascript
Vue将props值实时传递 并可修改的操作
Aug 09 Javascript
JavaScript 中判断变量是否为数字的示例代码
Oct 22 Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 Vue.js
JS修改iframe页面背景颜色的方法
Apr 01 #Javascript
JS返回iframe中frameBorder属性值的方法
Apr 01 #Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Apr 01 #Javascript
jQuery scrollFix滚动定位插件
Apr 01 #Javascript
JS动态修改iframe高度和宽度的方法
Apr 01 #Javascript
JS获取iframe中longdesc属性的方法
Apr 01 #Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 #Javascript
You might like
PHP操作xml代码
2010/06/17 PHP
PHP面向对象自动加载机制原理与用法分析
2016/10/14 PHP
php+mysql+jquery实现日历签到功能
2017/02/27 PHP
PHP校验15位和18位身份证号的类封装
2018/11/07 PHP
php7 错误处理机制修改实例分析
2020/05/25 PHP
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口
2009/07/18 Javascript
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
2010/01/22 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
jquery 卷帘效果实现代码(不同方向)
2013/02/05 Javascript
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
2013/04/02 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
2014/08/15 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
2014/10/30 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
推荐6款基于jQuery实现图片效果插件
2014/12/07 Javascript
JS实现自适应高度表单文本框的方法
2015/02/25 Javascript
纯js代码制作的网页时钟特效【附实例】
2016/03/30 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
微信小程序API—获取定位的详解
2019/04/30 Javascript
使用JS location实现搜索框历史记录功能
2019/12/23 Javascript
[41:08]TNC vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海
2018/08/26 DOTA
flask中过滤器的使用详解
2018/08/01 Python
Python Matplotlib库安装与基本作图示例
2019/01/09 Python
Django中在xadmin中集成DjangoUeditor过程详解
2019/07/24 Python
Macbook安装Python最新版本、GUI开发环境、图像处理、视频处理环境详解
2020/02/17 Python
Python如何存储数据到json文件
2020/03/09 Python
Django添加bootstrap框架时无法加载静态文件的解决方式
2020/03/27 Python
Python3交互式shell ipython3安装及使用详解
2020/07/11 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
Free People中国官网:波西米亚风格女装服饰
2016/08/30 全球购物
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
给定一个时间点,希望得到其他时间点
2013/11/07 面试题
个人培训自我鉴定
2014/03/28 职场文书
学生会个人总结范文
2015/02/15 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS
使用redis实现延迟通知功能(Redis过期键通知)
2021/09/04 Redis