javascript数据类型--- 对象

Posted hebing0415

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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(对象),它返回一个数组,这个数组由对象中所有的自有属性组成,而不仅仅是可枚举的自有属性。例如:

    技术图片

 

     技术图片

 

     技术图片

 

以上是关于javascript数据类型--- 对象的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 第5天学习规划丨对象数据类型

JavaScript 数据类型面向对象编程

比较javascript中的原始数据类型和对象数据类型[重复]

JavaScript高级 数据类型

JavaScript学习:JavaScript数据类型

前端:JavaScript面向对象之内建对象