javascript数据类型（三）--- 对象

一、对象

　对象是一种复合值，他将很多值（原始值或者其他对象）聚合在一起，可以通过名字访问这些值。对象也可以看做是属性的无序集合，每个属性嗾使一个名/值对。属性名是字符串，因此我们可以吧对象看做是从字符串到值的映射。

　　对象最常见的用法是创建（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