JavaScript:数据类型

标签: JavaScriptweb前端数据类型数据
3363人阅读 评论(0) 收藏 举报
分类:

一、数据类型

         ECMAScript中有五种简单的数据类型(也称为基本数据类型):UndefinedNullBooleanNumberString。还有一种复杂数据类型—ObjectObject本质上是由一组无序的名值对组成的。

1、typeof

        鉴于ECMAScript是松散类型的,因此需要有一种手段来检测给定变量的数据—typeof就是负责提供这方面信息的操作符。对一个值使用typeof操作符可能返回下列某个字符串:undefinedbooleanstringnumberobjectfunction

             var message=“some string”;
             alert(message);//string

2、Undefined类型

        Undefined类型只有一个值,即特殊的undefined,在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined

            var message;
            alert(message == undefined) //true

3Null类型

  Null类型是第二个只有一个值的数据类型,这个特殊的值是null。从逻辑角度来看,null值表示一个空对象指针,而这也正是使用typeof操作符检测null时会返回"object"的原因,例如:

           var car = null;
           alert(typeof car); // "object"

  如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为null而不是其他值。这样一来,只要直接检测null值就可以知道相应的变量是否已经保存了一个对象的引用了,例如:

        if(car != null)

         {

              //car对象执行某些操作

          }

  实际上,undefined值是派生自null值的,因此ECMA-262规定对它们的相等性测试要返回true

  alert(undefined == null); //true

  尽管nullundefined有这样的关系,但它们的用途完全不同。无论在什么情况下都没有必要把一个变量的值显式地设置为undefined,可是同样的规则对null却不适用。换句话说,只要意在保存对象的变量还没有真正保存对象,就应该明确地让该变量保存null值。这样做不仅可以体现null作为空对象指针的惯例,而且也有助于进一步区分nullundefined

4Boolean类型

  该类型只有两个字面值:truefalse。这两个值与数字值不是一回事,因此true不一定等于1,而false也不一定等于0

  虽然Boolean类型的字面值只有两个,但JavaScript中所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值,可以调用类型转换函数Boolean(),例如:

                var message = 'Hello World';
                var messageAsBoolean = Boolean(message);

  在这个例子中,字符串message被转换成了一个Boolean值,该值被保存在messageAsBoolean变量中。可以对任何数据类型的值调用Boolean()函数,而且总会返回一个Boolean值。至于返回的这个值是true还是false,取决于要转换值的数据类型及其实际值。下表给出了各种数据类型及其对象的转换规则。

   这些转换规则对理解流控制语句(如if语句)自动执行相应的Boolean转换非常重要,例如:

                 var message = 'Hello World';
                  if(message)
                  {
                        alert("Value is true");
                   }

         运行这个示例,就会显示一个警告框,因为字符串message被自动转换成了对应的Boolean值(true)。由于存在这种自动执行的Boolean转换,因此确切地知道在流控制语句中使用的是什么变量至关重要。

 

数据类型

转化成true的值

转化成false的值

Boolean          

ture

false

String

所有的非空字符串                

""(空字符串)

Number

任何非零数字(包括无穷大)            

0和NaN                                    

Object

任何对象

不存在

Undefined          

不存在

undefined

 

5Number类型

  Number类型应该是ECMAScript中最令人关注的数据类型了,这种类型使用IEEE754格式来表示整数和浮点数值,还有一种特殊的数值,即NaN(非数值Not a Number)。这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。例如,在其他编程语言中,任何数值除以0都会导致错误,从而停止代码执行。但在JavaScript中,任何数值除以0会返回NaN,因此不会影响其他代码的执行。

  NaN本身有两个非同寻常的特点。首先,任何涉及NaN的操作(例如NaN/10)都会返回NaN,这个特点在多步计算中有可能导致问题。其次,NaN与任何值都不相等,包括NaN本身。例如,下面的代码会返回false

                 alert(NaN == NaN);    //false

  JavaScript中有一个isNaN()函数,这个函数接受一个参数,该参数可以使任何类型,而函数会帮我们确定这个参数是否“不是数值”。isNaN()在接收一个值之后,会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值,例如字符串”10“或Boolean值。而任何不能被转换为数值的值都会导致这个函数返回true。例如:

               alert(isNaN(NaN));    //true
               alert(isNaN(10));    //false(10是一个数值)
               alert(isNaN("10"));    //false(可能被转换为数值10)
               alert(isNaN("blue"));    //true(不能被转换为数值)
               alert(isNaN(true));    //false(可能被转换为数值1)

   有3个函数可以把非数值转换为数值:Number()parseInt()parseFloat()。第一个函数,即转型函数Number()可以用于任何数据类型,而另外两个函数则专门用于把字符串转换成数值。这3个函数对于同样的输入会返回不同的结果。

  Number()函数的转换规则如下:

  ● 如果是Boolean值,truefalse将分别被替换为10

  ● 如果是数字值,只是简单的传入和返回

  ● 如果是null值,返回0

  ● 如果是undefined,返回NaN

  ● 如果是字符串,遵循下列规则:

   ○ 如果字符串中只包含数字,则将其转换为十进制数值,即”1“会变成1,”123“会变成123,而”011“会变成11(前导的0被忽略)

   ○ 如果字符串中包含有效的浮点格式,如”1.1“,则将其转换为对应的浮点数(同样,也会忽略前导0

   ○ 如果字符串中包含有效的十六进制格式,例如”0xf“,则将其转换为相同大小的十进制整数值

   ○ 如果字符串是空的,则将其转换为0

   ○ 如果字符串中包含除了上述格式之外的字符,则将其转换为NaN

  ● 如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再依次按照前面的规则转换返回的字符串值。

              var num1 = Number("Hello World");    //NaN
              var num2 = Number("");                //0
              var num3 = Number("000011");        //11
              var num4 = Number(true);            //1

  由于Number()函数在转换字符串时比较复杂而且不够合理,因此在处理整数的时候更常用的是parseInt()函数。parseInt()函数在转换字符串时,更多的是看其是否符合数值模式。它会忽略字符串前面的空格,直至找到第一个非空格字符。如果第一个字符串不是数字字符或者负号,parseInt()会返回NaN;也就是说,用parseInt()转换空字符串会返回NaN。如果第一个字符是数字字符,praseInt()会继续解析第二个字符,知道解析完所有后续字符或者遇到了一个非数字字符。例如,"1234blue"会被转换为1234,”22.5“会被转换为22,因为小数点并不是有效的数字字符。

  如果字符串中的第一个字符是数字字符,parseInt()也能够识别出各种整数格式(即十进制、八进制、十六进制)。为了更好的理解parseInt()函数的转换规则,下面给出一些例子         

               var num1 = parseInt("1234blue");    //1234
               var num2 = parseInt("");            //NaN
               var num3 = parseInt("0xA");            //10(十六进制)
               var num4 = parseInt("22.5");        //22
               var num5 = parseInt("070");            //56(八进制)
               var num6 = parseInt("70");            //70

       在使用parseInt()解析像八进制字面量的字符串时,ECMAScript35存在分歧,例如:

             //ECMAScript3认为是56(八进制),ECMAScript5认为是70(十进制)          

       var num= parseInt("070");

         在ECMAScript5parseInt()已经不具有解析八进制值的能力,因此前导零会被认为无效。为了消除在使用parseInt()函数时可能导致的上述困惑,可以为这个函数提供第二个参数:转换时使用的基数(即多少进制);例如:

          var num7 = parseInt("10",2);        //2(按二进制解析)
           var num8 = parseInt("10",8);        //8(按八进制解析)
           var num9 = parseInt("10",10);        //10(按十进制解析)
          var num10 = parseInt("10",16);        //16(按十六进制解析)
          var num11 = parseInt("AF");            //56(八进制)
          var num12 = parseInt("AF",16);        //175

     与parseInt()函数类似,parseFloat()也是从第一个字符(位置0)开始解析每个字符。而且也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。也就是说,字符串中的第一个小数点是有效的,而第二个小数点就是无效的了,因此它后面的字符串将被忽略。例如,”22.34.5“将会被转换成22.34

 parseFloat()parseInt()的第二个区别在于它始终都会忽略前导的零。由于parseFloat()值解析十进制值,因此它没有用第二个参数指定基数的用法。

            var num1 = parseFloat("1234blue");    //1234
            var num2 = parseFloat("0xA");        //0
            var num3 = parseFloat("22.5");        //22.5
            var num4 = parseFloat("22.34.5");    //22.34
            var num5 = parseFloat("0908.5");    //908.5

6String类型

  String类型用于表示由零或多个16Unicode字符组成的字符序列,即字符串。字符串可以由单引号(')或双引号(")表示。

             var str1 = "Hello";
             var str2 = 'Hello';

  任何字符串的长度都可以通过访问其length属性取得

       alert(str1.length);        //输出5

  要把一个值转换为一个字符串有两种方式。第一种是使用几乎每个值都有的toString()方法。

            var age = 11;
            var ageAsString = age.toString();    //字符串"11"
            var found = true;
            var foundAsString = found.toString();    //字符串"true"

  数值、布尔值、对象和字符串值都有toString()方法。但nullundefined值没有这个方法。

  多数情况下,调用toString()方法不必传递参数。但是,在调用数值的toString()方法时,可以传递一个参数:输出数值的基数。

             var num = 10;
             alert(num.toString());      //"10"
             alert(num.toString(2));     //"1010"
             alert(num.toString(8));     //"12"
             alert(num.toString(10));    //"10"
             alert(num.toString(16));    //"a"

  通过这个例子可以看出,通过指定基数,toString()方法会改变输出的值。而数值10根据基数的不同,可以在输出时被转换为不同的数值格式。

  在不知道要转换的值是不是nullundefined的情况下,还可以使用转型函数String(),这个函数能够将任何类型的值转换为字符串。String()函数遵循下列转换规则:

  ● 如果值有toString()方法,则调用该方法(没有参数)并返回相应的结果

  ● 如果值是null,则返回"null"

  ● 如果值是undefined,则返回”undefined

           var value1 = 10;
           var value2 = true;
           var value3 = null;
           var value4;
           alert(String(value1));    //"10"
           alert(String(value2));    //"true"
           alert(String(value3));    //"null"
           alert(String(value4));    //"undefined"

 7Object类型

  对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和(或)方法,就可以创建自定义对象。

  var o = new Object();

  Object的每个实例都具有下列属性和方法:

  ● constructor——保存着用于创建当前对象的函数

  ● hasOwnProperty(propertyName)——用于检查给定的属性在当前对象实例中(而不是在实例的原型中)是否存在。其中,作为参数的属性名(propertyName)必须以字符串形式指定(例如:o.hasOwnProperty("name")

  ● isPrototypeOf(object)——用于检查传入的对象是否是另一个对象的原型

  ● propertyIsEnumerable(propertyName)——用于检查给定的属性是否能够使用for-in语句来枚举

  ● toString()——返回对象的字符串表示

valueOf()——返回对象的字符串、数值或布尔值表示。通常与toString()方法的返回值相同。

 

二、特殊注意点

1typeof的注意点

      涉及到数据类型,不免会提到,操作符 typeof。要注意:

      (1)、typeof是操作符,不是方法。虽然我们经常使用typeof()的方式获取对象的数据类型。

       (2)、对nulltypeof  object(这是因为null是 空的对象引用),对函数取typeof function

2、为各种数据类型的对象变量设置初始值

       注意,如果Object类型的 对象变量开始不知道赋值什么,不要  var demo={};最好是 设置成null

3undefinednull的区别和注意点

      (1)、如果用 “==” 进行比较,他们是相等的,因为比较的是值

      (2)、区分他们有两种方法(他们的核心都是比较他们的 数据类型)

              1)使用typeof将他们区分开

              2)使用全等“===”  :比较的是 值和 数据类型,只有全都相同 才返回true

4Boolean的注意点

       (1)、true1比较是相同,false0比较是相同(是 “==” 比较),因为内部会实现 数据类型的 转化,将true转换成1,将false转换成0. js内部有很多数据类型的自动转换,这是大家一定要注意的。后面还会提到很多。  但是使用“===”  就不相等了,因为 他们的数据类型是不等的。

      (2)、显示转换成Boolean,使用Boolean()方法显示转换,需要注意的是各种数据类型,什么时候转换成true什么时候转换成false

              1String类型,只要不是空字符串都会转换成true

             2Number类型,只要不是0,即使是负数,都会转换成true

             3)Object类型,只要不是 null类型,都会转换成true

             4Undefined类型,都会转换成false

        (3)、(***if()语句的()内部就是调用了Boolean函数

5Number类型注意点

       (1)、float类型 不能做精准运算

               alert(0.1+0.2);//返回 0.300000000000000004

      (2)、 支持 科学计数法 运算

      (3)、NaNNot a Number

               1var d=0/0;  注意:在js里是不会报错的,而是返回NaN

              2)可以通过Number.NaN来获取

              3NaN和任何对象做运算都会返回NaN

              4isNaN()判断是不是NaN

             5isNaN()内部执行原理:同样适用于对象。实现原理:首相调用对象的valueOf()方法,如果能转换成数字就直接做判断;如果不能就再调用toString()方法,然后测试返回值。

             6)将其他数据类型转换成Number类型

6String类型

         1)(*重要*)在ECMAScript中字符串有不变性:字符串创建之后就不会再改变。要改变一个已经被赋值的字符串变量,首先要先销毁变量中字符串,然后再用一个包含新值的字符串 填充变量。

          var d='hello';

         d=d+' shit';//执行过程:先将 'hello'赋值一份,然后将d中的字符串清空,将字符串'hello'' shit'进行拼接,然后赋值给d变量。(所以字符串的值一旦 被创建之后就不会改变)

         2toString()方法 将其他数据类型转换成String类型。但是如果对nullundefined进行操作的话就会报错。

         3)但是String()方法同样能实现toString()的效果,但是可以对nullundefined进行操作。

      内部原理:先 调用 toString(),如果可以转换成字符串,就将结果直接返回。否,再进行判断是null还是undefined,然后返回‘null'或 ‘undefined'总结:如果知道 变量不可能是null  undefined,就使用toString()性能比String(),因为String()内部还要做判断,所以有损性能。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:628789次
    • 积分:8606
    • 等级:
    • 排名:第2332名
    • 原创:296篇
    • 转载:29篇
    • 译文:0篇
    • 评论:183条
    个人网站
    博客专栏
    CSS3

    文章:14篇

    阅读:15973
    HTML5

    文章:18篇

    阅读:15122
    JavaScript

    文章:29篇

    阅读:31645
    文章分类
    最新评论