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 相关文章推荐
Javascript学习笔记-详解in运算符
Sep 13 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
javascript 操作符(~、&、|、^、)使用案例
Dec 31 Javascript
jQuery选择器源码解读(二):select方法
Mar 31 Javascript
javascript实现动态统计图开发实例
Nov 21 Javascript
javascript 的变量、作用域和内存问题
Apr 19 Javascript
Javascript中this关键字指向问题的测试与详解
Aug 11 Javascript
VsCode新建VueJs项目的详细步骤
Sep 23 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
Aug 13 Javascript
详解React服务端渲染从入门到精通
Mar 28 Javascript
JS几个常用的函数和对象定义与用法示例
Jan 15 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
Aug 08 Javascript
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语法(5)
2006/10/09 PHP
分享PHP函数实现数字与文字分页代码
2015/07/28 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
JavaScript中使用document.write向页面输出内容实例
2014/10/16 Javascript
Javascript中的几种URL编码方法比较
2015/01/23 Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
2016/10/25 Javascript
JS刷新父窗口的几种方式小结(推荐)
2016/11/09 Javascript
ajax异步请求详解
2017/01/06 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
解决vue+webpack打包路径的问题
2018/03/06 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
2018/09/04 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
微信小程序实现蒙版弹窗效果
2018/11/01 Javascript
VueCli3构建TS项目的方法步骤
2018/11/07 Javascript
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
微信小程序实现音频文件播放进度的实例代码
2020/03/02 Javascript
微信小程序实现可长按移动控件
2020/11/01 Javascript
Javascript中的奇葩知识,你知道吗?
2021/01/25 Javascript
Python入门篇之条件、循环
2014/10/17 Python
python中迭代器(iterator)用法实例分析
2015/04/29 Python
python实现图片变亮或者变暗的方法
2015/06/01 Python
学习python之编写简单乘法口诀表实现代码
2016/02/27 Python
wxpython绘制圆角窗体
2019/11/18 Python
spyder 在控制台(console)执行python文件,debug python程序方式
2020/04/20 Python
Falconeri美国官网:由羊绒和羊毛制成的针织服装
2018/04/08 全球购物
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
四年的大学生生活自我评价
2013/12/09 职场文书
自我检讨书怎么写
2015/05/07 职场文书
搞笑的婚礼主持词
2015/06/29 职场文书
JavaScript实现淘宝商品图切换效果
2021/04/29 Javascript
nginx的zabbix 5.0安装部署的方法步骤
2021/07/16 Servers
python使用torch随机初始化参数
2022/03/22 Python
Python中re模块的元字符使用小结
2022/04/07 Python
Java详细解析==和equals的区别
2022/04/07 Java/Android
Java Spring Boot 正确读取配置文件中的属性的值
2022/04/20 Java/Android