JavaScript之Object类型介绍_javascript技巧
程序员文章站
2022-03-16 22:23:01
...
创建Object实例的方式有两种。第一种是使用new操作符后跟Object构造函数,如下所示:
var person = new Object();
person.name = "zxj";
person.age = 25;
//对象字面量
var person = {
name: "zxj",
age: 25
}
alert(person["name"]) //zxj
alert(person.name) //zxj
var propertyName="name";
alert(person[propertyName]); //zxj
person['first name'] = "zxj";
复制代码 代码如下:
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 prototype 使用介绍_javascript技巧
-
JS中数组Array的用法示例介绍_javascript技巧
-
JavaScript 之arguments、caller 和 callee 介绍
-
javascript中获取选中对象的类型_javascript技巧
-
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性_javascript技巧
-
Bootstrap每天必学之js插件_javascript技巧
-
现代JavaScript使用技巧之ES6中的简写语法
-
javascript数据类型-----------基本数据类型(原始数据类型)与引用数据类型(object)
-
解析JavaScript面向对象概念中的Object类型与作用域
-
深入剖析JavaScript:Object类型