JavaScript 数值转换

JavaScript 字符串转换数字方法主要有四种：强制类型转换、转换函数、利用JS变量弱类型特点进行转换、利用一元加操作符进行转换。

强制类型转换 — Number

使用强制类型转换可以访问特定的值，即使它是另一种类型的。

ECMAScript中可用的3种强制类型转换如下：

• Boolean(value)——把给定的值转换成Boolean型
• Number(value)——把给定的值转换成数字（可以是整数或浮点数）
• String(value)——把给定的值转换成字符串

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

• 如果是数字值，这是简单的传入和返回
• 如果是Boolean值，true和false将分别被转换为1和0
• 如果是null值，返回0
• 如果是undefined，返回NaN
• 如果是字符串，遵守以下规则
• • 如果字符串中只包含数字，则将其转换为十进制数值，即"1"会变成1，"010"会变成11(注意：前导的零被忽略了)
  • 如果字符串中包含有效的浮点格式，如"1.1"，则将其转换为对应的浮点数值(同样，也会忽略前导零)
  • 如果字符串中包含有效十六进制格式，如"0xf"，则将其转换为相同大小的十进制整数值
  • 如果字符串是空的(不包含任何字符)，则将其转换为0
  • 如果字符串中包含除上述格式之外的字符，则将其转换为NaN
  • 如果是对象，则调用对象的valueOf()方法然后依照前面的规则转换返回值。如果转换的结果是NaN,则调用对象的toString()方法，然后再次依照前面的规则转换返回的字符串值

var num1 = Number(56);  // 56
var num2 = Number(4.5); // 4.5
var num3 = Number(null);    // 0
var num4 = Number(undefined);   // NaN
var num5 = Number(true) // 1
var num6 = Number("");  // 0
var num7 = Number("00123"); // 123
var num8 = Number("尹小芃槑");  // NaN
var num9 = Number(new Object());    // NaN

转换函数

JavaScript提供了 parseInt() 和 parseFloat() 两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；这两个函数在转换字符串时，主要是看其是否符合数值模式，对其他类型返回的都是NaN(Not a Number)。

parseInt() 会忽略字符串前面的空格，直到找到第一个非空格的字符。如果第一个字符不是数字字符或者负号， parseInt() 就会返回NaN,也就是说，parseInt() 转换空串时，会返回NaN。当 parseInt 找到数字字符时，会继续解析第二个字符，知道解析完成所有后续字符或者遇到了一个非数字字符。同时， parseInt() 也能识别整数格式，如果字符串以"0x"开头且后面跟数字或abcdef，就会将其作为十六进制转换。

var num1 = parseInt("2.5"); // 2
var num2 = parseInt("0xA"); // 10(十六进制数)
var num3 = parseInt("70");  // 70
var num4 = parseInt("123尹小芃槑"); // 123
var num5 = parseInt("") // NaN
var num6 = parseInt(null);  // NaN
var num7 = parseInt(undefined); // NaN

需要注意的是， parseInt() 在使用时，当字符串总存在前导零时，解析的进制数会不一样，在Chrome和FireFox中，会忽略前导的零，但是在IE低版本浏览器下，会将认为是八进制的标志。例如：

var num = parseInt("0123");

在IE低版本浏览器中，会返回83，但是在Chrome，FireFox中，会返回123。

parseFloat() 与 parseInt() 函数类似，也是从第一个字符开始解析每一个字符，而且也是一直解析到字符串末尾，或者解析到一个无效的浮点数字字符为止。也就是说，字符串中的第一个小数点是有效的，而第二个小数点就是无效的。

parseFloat() 与 parseInt() 第二个区别是，parseFloat() 不管在任何浏览器下，都会忽略前导的零。

var num1 = parseFloat("2.5");   // 2.5
var num2 = parseFloat("0xA");   // 10(十六进制数)
var num3 = parseFloat("70");    // 70
var num4 = parseFloat("3.1314e7");  // 31314000
var num5 = parseFloat("123.5尹小芃槑"); // 123.5
var num6 = parseFloat("")   // NaN
var num7 = parseFloat(null);    // NaN
var num8 = parseFloat(undefined);   // NaN

补充：parseInt() 与 parseFloat() 第三个区别，parseInt() 方法还可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由 parseInt() 方法的第二个参数指定的，示例如下：

var num1 = parseInt("10", 2);   // 2
var num2 = parseInt("10", 8);   // 8
var num3 = parseInt("10", 10);  // 10
var num4 = parseInt("AF", 16);  // 175

但是parseFloat()没有进制转换的功能。

利用JavaScript变量弱类型转换

利用算术运算符的方式，也可将字符串转换成数字。例如：

var str = '012.345 ';
var x = str - 0;
var y = str * 1;
var m = str / 1;

上例利用了js的弱类型的特点，只进行了算术运算，实现了字符串到数字的类型转换。

注意：不能使用加法运算，因为对字符串来说，+ 表示连接符

利用一元加操作符进行转换

一元加操作符以一个加号(+)表示，放在数值的前面，跟数学书上说的正号一样，对数值不会产生任何影响。例：

var num = 25;
num = +num; // 仍然是25

不过，在对非数值应用一元加操作符时，该操作符会像 Number() 转型函数一样对这个值进行转换。也就是说，布尔值true和false会被转换成1和0，字符串值会按照一定特殊的规则进行解析，对象是先调用它的 valueOf() 和 toString() 方法，再转换得到的值。例：

var str1 = "01";
var str2 = "1.1";
var str3 = "z";
var bool = true;
var num = 1.1
var obj = {
    valueOf : function(){
        return -1;
    }
}

str1 = +str1;   // 1
str2 = +str2;   // 1.1
str3 = +str3;   // NaN
bool = +bool;   // 1
num = +num; // 1.1
obj = +obj; // -1

转载请注明：转自尹小芃槑