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 相关文章推荐
百度地图API之本地搜索与范围搜索
Jul 30 Javascript
js简单实现标签云效果实例
Aug 06 Javascript
Java Mybatis框架入门基础教程
Sep 21 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
Dec 14 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 Javascript
JS中检测数据类型的几种方式及优缺点小结
Dec 12 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
Sep 04 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
Feb 15 Javascript
详解如何写出一个利于扩展的vue路由配置
May 16 Javascript
原生js实现弹幕效果
Nov 29 Javascript
基于vuex实现购物车功能
Jan 10 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 无限级缓存的类的扩展
2009/03/16 PHP
PHP句法规则详解 入门学习
2011/11/09 PHP
php读取excel文件示例分享(更新修改excel)
2014/02/27 PHP
php设置静态内容缓存时间的方法
2014/12/01 PHP
PHP的引用详解
2015/02/22 PHP
php实现往pdf中加数字签名操作示例【附源码下载】
2018/08/07 PHP
jquery 图片轮换效果
2010/07/29 Javascript
让元素在网页中可拖动示例代码
2013/08/13 Javascript
通过$(this)使用jQuery包装后的方法或属性
2014/05/18 Javascript
js实现网页标题栏闪烁提示效果实例分析
2014/11/20 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
如何提高javascript加载速度
2016/12/26 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
浅谈struts1 & jquery form 文件异步上传
2017/05/25 jQuery
JS判断两个数组或对象是否相同的方法示例
2019/02/28 Javascript
解决element-ui的下拉框有值却无法选中的情况
2020/11/07 Javascript
[15:46]教你分分钟做大人——沙王
2015/03/11 DOTA
[01:11:32]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python通过函数属性实现全局变量的方法
2015/05/16 Python
Linux下用Python脚本监控目录变化代码分享
2015/05/21 Python
Python程序中用csv模块来操作csv文件的基本使用教程
2016/03/03 Python
Python 搭建Web站点之Web服务器与Web框架
2016/11/06 Python
人生苦短我用python python如何快速入门?
2018/03/12 Python
在python中利用opencv简单做图片比对的方法
2019/01/24 Python
python实现得到当前登录用户信息的方法
2019/06/21 Python
PyTorch中Tensor的拼接与拆分的实现
2019/08/18 Python
python面向对象之类属性和类方法案例分析
2019/12/30 Python
什么是python类属性
2020/06/10 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
通信专业个人自我鉴定
2013/10/21 职场文书
公务员培训自我鉴定
2014/02/01 职场文书
青年文明号复核材料
2014/02/11 职场文书
2014年安全生产责任书
2014/07/22 职场文书
Django rest framework如何自定义用户表
2021/06/09 Python
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL
virtualenv隔离Python环境的问题解析
2022/06/21 Python