JavaScript中的数值转换

在JavaScript中，有3个函数可以把非数值转换为数值

1、Number()函数

Number()可以用于任意数据类型。

转换规则如下。

• 如果是Boolean值，true和false将分别被转换为1和0。
• 如果是数字值，只是简单的传入和返回。
• 如果是null值，返回0。
• 如果是undefined，返回Nan。
• 如果是字符串，遵循下列规则：如果是对象，则调用对象的valueOf()方法，然后依照前面的规则转换返回的值。如果转换的结果是NaN，则调用对象的toString()方法，然后再依照前面的规则转换返回的字符串值。
  • 如果字符串中只包含数字，则将其转换为十进制数值，即“1”会变成1，而“011”会变成11。
  • 如果字符串中包含有效的浮点格式，如“1.1”，则将其转换为对应的浮点数值。
  • 如果字符串中包含有效的十六进制格式，如“0xf”，则将其转换为相同大小的十进制整数值。
  • 如果字符串是空的，则将其转换为0。
  • 如果字符串中包含除上述格式之外的字符，将其转换为NaN。

看几个例子：

    var num1 = Number("Hello");  //NaN
    var num2 = Number("");      //0
    var num3 = Number("0011");  //11
    var num4 = Number(true);     //1
    var num5 = Number(1.1);     //1.1

 

注：一元加操作符的操作与Number()函数相同。

由于Number()函数在转换字符串时比较复杂而且不够合理，因此在处理整数时更常用的是parseInt()函数。

2、parseInt()函数

parseInt()函数在转换字符串时，会忽略字符串前面的空格，直到找到第一个非空格字符。

如果第一个字符不是数字或者负号，parseInt() 就会返回NaN，同样的，用parseInt() 转换空字符串也会返回NaN（而Number()对空字符返回0）。

如果第一个字符是数字字符，parseInt() 会继续解析第二个字符，直到解析完所有后续字符串或者遇到了一个非数字字符。

例如，“1234blue”会被转换成1234，因为“blue”会被完全忽略。如果字符串中第一个字符是数字字符，parseInt()也能够识别各种整数格式（八进制、十进制、十六进制）。也就是说，如果字符串以“0x”开头且后面跟数字字符，就会将其当做一个十六进制整数；

如果字符串以“0”开头且后面跟数字字符，就会将其当做一个八进制数来解析；

看几个例子：   

    var num1 = parseInt("1234blue");    //1234
    var num2 = parseInt("");            //NaN   
    var num3 = parseInt("0xA");         //10
    var num4 = parseInt("22.5");        //22
    var num5 = parseInt("070");         //未定,70或者56
    var num6 = parseInt("70");          //70
    var num7 = parseInt("0xf");         //15

在ECMAScript3 JavaScript引擎中，“070”被当成八进制字面量，因此转换后是十进制56。而在ECMAScript5 JavaScript引擎中，parseInt()已经不具有解析八进制的能力，因此前导的零会被认为无效，从而将这个值当成“0”，结果就得到十进制的0。为了消除在使用parseInt()函数时可能导致上述的困惑，可以为这个函数提供第二个参数：转换时使用的基数（即多少进制）。

看几个例子：  

  var num1 = parseInt("AF", 16);　　　　　　 　　　//175
  var num2 = parseInt("AF");　　　　　　　　　　　　//NaN
  var num3 = parseInt("10", 2);　　　　　　　 　　　//2　　(按照二进制解析)
  var num4 = parseInt("10", 8);　　　　　　　 　　　//8　　(按照八进制解析)
  var num5 = parseInt("10", 10);　　　　　　　 　　//10　　(按照十进制解析)
  var num6 = parseInt("10", 16);　　　　　　　 　　//16　　(按照十六进制解析)

注：多数情况下，我们要解析的都是十进制数值，因此将10作为第二个参数是非常有必要的。

3、parseFloat()函数

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

除了第一个小数点有效之外，parseFloat()parseInt()的第二个区别在于它始终忽略前导0。parseFloat()可以识别所有浮点数值格式，也包括十进制整数格式。但十六进制的字符串则始终被转换为0。

由于parseFloat()只解析十进制，因此它没有第二个参数指定基数的用法

如果字符串中包含的是一个可解析为整数的数（没有小数点，或者小数点后都是零），parseFloat() 会返回整数。

看几个例子：

        var num1 = parseFloat("1234blue");    //1234
        var num2 = parseFloat("");            //NaN
        var num3 = parseFloat("0xA");         //0
        var num4 = parseFloat("22.5");        //22
        var num5 = parseFloat("22.34.5");    //22.34
        var num6 = parseFloat("09.5");       //9.5
        var num7 = parseFloat("3.125e7");     //31250000