码迷,mamicode.com
首页 > 编程语言 > 详细

javascript数据类型(三)--- 对象

时间:2019-09-21 16:54:39      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:第一个   创建对象   代码   直接   运算   empty   set   size   rom   

一、对象

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

  对象最常见的用法是创建(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数据类型(三)--- 对象

标签:第一个   创建对象   代码   直接   运算   empty   set   size   rom   

原文地址:https://www.cnblogs.com/hebing0415/p/11562942.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!