zoukankan      html  css  js  c++  java
  • 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(对象),它返回一个数组,这个数组由对象中所有的自有属性组成,而不仅仅是可枚举的自有属性。例如:

        

         

         

  • 相关阅读:
    Linux远程复制scp和rsync区别
    一个线上问题的思考:Eureka注册中心集群如何实现客户端请求负载及故障转移?
    docker离线安装
    centos7 docker 宿主机不能访问容器问题解决
    nginx 或 tengine安装错误提示:./configure: error: the HTTP rewrite module requires the PCRE library
    redhat 安装中文 支持中文
    rpm忽略依赖,强制安装,加--force --nodeps ( warning: perl-Test-Nginx-0.28-1.el6_10.noarch.rpm: Header V4 RSA/SHA1 Signature, key ID d5edeb74: NOKEY error: Failed dependencies:)
    redhat6 安装openresty
    redhat6 Unable to establish SSL connection.
    Lua入门脚本(与Redis结合)
  • 原文地址:https://www.cnblogs.com/hebing0415/p/11562942.html
Copyright © 2011-2022 走看看