一、对象
对象是一种复合值,他将很多值(原始值或者其他对象)聚合在一起,可以通过名字访问这些值。对象也可以看做是属性的无序集合,每个属性嗾使一个名/值对。属性名是字符串,因此我们可以吧对象看做是从字符串到值的映射。
对象最常见的用法是创建(create)、设置(set)、查找(query)、删除(delete)、检测(test)和枚举它的属性。一下将分别介绍。
1.1 创建对象
创建对象可以通过对象直接量、关键字new和Object.create()函数来创建对象
1.1.1 对象直接量
创建对象最简单的方式就是使用对象直接量。属性名默认是字符串,因此写属性名时可以写单引号或双引号,也可以不写(注:若属性名称不符合简单标识符的要求,属性名必须使用引号)。如下:
var empty = {} //没有任何属性的对象
var point = {x: 0, y: 1} //两个属性
var book = {
name: ‘javascript‘, //属性名可以不使用引号
‘author‘: ‘tony‘,
"from": ‘贵阳市图书馆‘,
"create-time": ‘2019-9-21‘, //属性名不符合简单标识符的要求,必须使用引号
‘001code‘: true //属性名不符合简单标识符的要求,必须使用引号
}
1.1.2 通过new创建对象
new运算符创建并初始化一个对象。关键字new后跟随一个函数调用。这里的函数称为构造函数。JavaScript语言核心中的原始类型都包含内置的构造函数。例如:
var o = new Object(); //创建一个空对象,和{}一样
var arr = new Array(); //创建一个数组对象,和[]一样
var date = new Date(); //创建一个表示当前时间的Date对象
1.1.3 Object.create()
ECMAScript 5 定义了一个名为Object.create()的方法,它创建一个新对象,其中第一个参数是这个对象的原型。例如:
var obj = Object.create({x: 1, y:2}) //obj继承了属性x和y
可以通过传入null来创建一个没有原型的新对象,但通过这种方式创建的对象不会继承任何东西,甚至不包括基础方法,比如toString()
var obj = Object.create(null) //obj不继承任何属性和方法
如果想创建一个普通的空对象,需要传入Object.prototype:
var obj = Object.create(Object.prototype) //和{}或 new Object()一样
1.2 属性的设置和查询
1.2.1 属性的查询
查询属性的值可以使用 (.) 或 ([])运算符,需要注意的是:对于(.)来说,右侧必须是和属性名称一样的简单标识符(不知道标识符的自行查询)。而对于([])来说,方括号内必须是计算结果为字符串的表达式,这个字符串就是属性的名字。即:使用点运算符要求属性名必须是符合标识符要求的名称,使用方括号运算符要求方括号内必须是字符串。
var book = {
name: ‘javascript‘,
author: ‘tony‘,
"create-time": ‘2019-9-21‘
}
如上对象,取其属性时,name和author可以使用点运算符或方括号运算符,但是create-time属性只能使用方括号运算符。如下:
var name = book.name; name = book[‘name‘];
var author = book.author; author = book[‘author‘]
var createTime = book.create-time //报错 必须使用 createTime = book[‘create-time‘]
1.2.2 属性的设置
属性的设置方法与属性的取值方法一样,都可以使用(.)或 ([])运算符。如下:
book.name = ‘javascript第一版‘;
book["create-time"] = ‘2000-1-1‘;
1.2.3 什么时候使用([])运算符?
1. 当属性名不符合简单标识符要求是时,实例看上面 book["create-time"] = ‘2000-1-1‘;
2.当属性名称不确定时,例如(代码运行完后obj就会包含三个属性test0、test1、test2)
var test = "test";
var obj = {};
for(var i = 0; i < 3; i++) {
obj[test + i] = i;
}
1.3 删除属性
delete运算符可以删除对象的属性。
delete book.name //book不再有name属性
delete book[‘create-time‘] //book不再有‘create-time’属性
delete运算符只能删除自有属性,不能删除继承属性。当delete表达式删除成功或没有任何副作用时(比如删除不存在的属性),它返回true
1.4 检查属性
判断某个属性是否存在于某个对象中,可以通过in运算符、hasOwnPreperty(‘属性名‘)方法 和 propertyIsEnumerable("属性名")方法来实现
1.4.1 in运算符
in运算符的左侧是属性名(字符串),右侧是对象。如果对象的自有属性或继承属性中包含这个属性则返回true
1.4.2 hasOwnPreperty(‘属性名‘)方法
对象的 hasOwnPreperty(‘属性名‘)方法用来检测给定的名字是否是对象的自有属性。对于继承属性,它的返回值是false
1.4.3 propertyIsEnumerable("属性名")方法
只有检测到是自有属性且这个属性是可枚举的它才返回true
1.5 枚举属性
1.5.1 for/in遍历对象属性
除了检测属性是否存在,通常还需要遍历属性。通常使用for/in遍历,for/in循环可以遍历对象中所有可枚举的属性(包括自有属性和继承属性),它把属性名称赋值给循环变量。对象继承的内置方法不可枚举,但在代码中给对象添加的属性都是可枚举的。例如:
在遍历对象属性的过程中,有时候可能不需要对象继承的属性,或不需要对象中的方法,可以使用以下方法过滤
1.5.2 Object.keys(对象) 和 Object.getOwnPropertyNames(对象);
ECMAScript 5 定义了两个用以枚举属性名的函数。第一个是Object.keys(对象),它返回一个数组,这个数组由对象中可枚举的自有属性组成,第二个是Object.getOwnPropertyNames(对象),它返回一个数组,这个数组由对象中所有的自有属性组成,而不仅仅是可枚举的自有属性。例如:
原文地址:https://www.cnblogs.com/hebing0415/p/11562942.html