zoukankan      html  css  js  c++  java
  • javascript中对象字面量与数组字面量

    第一部分 

      我们知道JavaScript中的数据类型有基本数据类型和引用类型,其中Object类型就是非常常用的类型。那么如果创建一个Object类型的实例呢?下面我介绍两种方法:

       第一:构造函数法。

        

    1
    2
    3
    var person=new Object();
    person.name="zhuzhenwei";
    person.age=20;

      这里Object()实际上是默认的构造函数,显然,为满足需要,我们可以通过后两条语句添加新的属性。JavaScript高级程序设计第3版83页介绍说,该构造函数为新对象定义了默认的属性和方法。但,这是真的吗?我们可以验证一下。因为for-in语句可以遍历对象中所有的属性,因此我们可用它来验证:

    1
    2
    3
    4
    var person=new Object();
    for(var propName in person){
       console.log(propName);
    }

      如果Object构造函数有默认属性,那么我们在控制台上应该是可以看到的,但实际上:

    什么都没有?!   

    也就是说Object本身是不具有任何默认的属性的。

    因为如果我们添上后面两句:

    1
    2
    3
    var person=new Object();
    person.name="zhuzhenwei";
    person.age=20;<br>for(var propName in person){<br>  console.log(propName);<br>}

     我们就可以得到如下:

    即此时person就有了两个属性,也就是说,Object函数自身确实没有默认的属性

    但是,真的是这样吗?javascript高级程序设计会出现这样的错误吗?答案是不会~

    
    

    因为在这里使用for-in语句是不合适的,不能通过它枚举初object的所有属性。它只适用于window之类的对象,这里我们最好使用in操作符。因为object通过测试是不可枚举的。 alert(object.propertyisenumerable("prototype"));//false

    1
    2
    3
    4
    var person=new Object();
    console.log("toString" in person);//true
    console.log("valueOf" in person);//true
    console.log("constructor" in person);//true

      也就是说Object至少是有上述属性和方法的。

       第二:对象字面量表示法

     

    1
    2
    3
    4
    var person={
        name:"zhuzhenwei",
        age:18
    };

        这里也创建了一个对象实例,同样通过for-in语句,我们可以验证其也只有name和age两个属性,且在通过对象字面量表示法定义对象时,实际上不会调用Object构造函数。 

        关于对象字面量有以下一点需要注意的地方:

    • 在末尾需加分号;表示结束。
    • 在一个属性定义之后用逗号分隔,最后一个属性不需要
    • 属性名可以加双引号,好处是我们可以包含错误的字符。并使用方括号表示法来访问对象的属性。

        

    比如:

    1
    2
    3
    var person=new Object();
    person.age age=18;
    console.log(person.age age);

    这时,由于属性名中包含了空格,因此得到的结果一定是 语法错误。

    然而:

    1
    2
    3
    4
    var person={
          "age age":18
    };
     console.log(person["age age"]);

    这时候我们就可以得到正确的答案了。

    最后,实际上对象字面量还可以作为参数传递,大家有兴趣可以去了解,这里就不介绍了~

    第二部分:

                    什么使数组字面量呢?对象字面量用于创建对象,数组字面量即用于创建数组。创建数组有两种方法。

      第一:构造函数法.

      

    1
    var arr=new Array();

      第二:数组字面量法

    1
    var arr=["zhu","zhen","wei"];

      因为所有的引用类型都是继承自Object,因此Array也是继承自object的,并在继承的基础上添加了自己的属性和方法。

    1
    2
    3
    4
    var arr=new Array();
    console.log("toString" in arr);//true
    console.log("valueOf" in arr);//true
    console.log("length" in arr);//true
  • 相关阅读:
    c# 得到 XML的节点值和属性值
    jquery 更改超链接
    row_number()得到中间的信息
    UML系统分析与设计03-软件需求分析说明书
    UML系统分析与设计02-用例图和活动图(下)
    从Klocwork中.net检测项说说代码书写
    WCF之诡异通讯超时
    《Beginning WF : Windows Workflow in .NET 4.0》读书笔记
    UML系统分析与设计01-准备
    UML系统分析与设计02-用例图和活动图(上)
  • 原文地址:https://www.cnblogs.com/zhangkeyu/p/6663890.html
Copyright © 2011-2022 走看看