当前位置: 代码迷 >> JavaScript >> Javascript 中的数值变换
  详细解决方案

Javascript 中的数值变换

热度:159   发布时间:2012-09-14 11:53:44.0
Javascript 中的数值转换

Javascript 中的数值转换主要包含三类:Number(), parseInt() 以及 parseFloat()


具体针对每一个转换就不做具体分析了,大多数书上面都有,这里主要来区分三种数值转换的不同点:

1. Number() 在处理前导为零(例:070)的数值时,会忽略前导的零,并将其理解为十进制。
?????????如 var num = Number("070"); ?// 输出 70
???而 parseInt() 在处理前导为零的数值时,不会忽略前导的零,而根据对应的进制进行转换。
?????????如 var num = parseInt("070"); // 输出 56
???parseFloat 在处理前导为零的数值时,会始终忽略前导的零。
?????????如 var number = parseFloat("070"); // 输出 70

2. 如果字符串为“数值+字符串”的组合方式,首先判断首位是否为数字,如果首位非数字:
???????Number(), parseInt(), parseFloat() 均返回 NaN
???如果首位为数字:
???????Number() 会直接返回 NaN
?????????????如 var num = Number("070aa"); // 输出 NaN
???????parseFloat() 会返回从首位数字开始直到遇到首个非数字字符之间的数字
?????????????如 var num = parseFloat("070aa"); // 输出 70
???????parseInt() 首先判断首位是否有进制,0开头为八进制,0x开头为十六进制,然后再返回从首位数字开始直到遇到首个非数字字符之间的数字
?????????????如 var num = parseInt("070aa"); // 输出 56
?????????????如 var num = parseInt("0x70aa"); // 输出 28842

3. 如果数值中含有小数点:
???????Number() 会直接输出 NaN
?????????????如 var num = Number("0.70.23"); // 输出NaN
???????parseInt() 会输出最高位小数点之前的数字
?????????????如 var num = parseInt("0.70.23"); // 输出 0?
???????parseFloat() 如果只有一个小数点,则正常输出全部内容,如果数值中包含超过一个小数点,则输出从最高位算起第二位小数点之前的数值,而忽略第二个小数点以及之后的数字
?????????????如 var num = parseFloat("0.70.23"); // 输出 0.7

4. 只有 parseInt() 才具有的一种写法:
?????????????var num = parseInt("010"); ?//输出 8,按照八进制解析
?????????????var num = parseInt("010", 8); //输出 8,按照八进制解析
?????????????var num = parseInt("010", 10); //输出10, 按照十进制解析

5. 对于 parseFloat() 几句不得不说的话:
??????1) parseFloat() 会始终忽略它前导的零。
??????2) parseFloat() 只解析十进制值。因此他没有用第二个参数指定基数的用法。
??????3) 如果字符串包含的是一个可解析为整数的数(没有小数点或小数点后都是零),parseFloat() 会返回整数。
??????下面举几个关于 parseFloat() 的例子:
?????????????var num1 = parseFloat("123abc"); ???//123
?????????????var num2 = parseFloat("0xA"); ??????//0
?????????????var num3 = parseFloat("22.5"); ?????//22.5
?????????????var num4 = parseFloat("22.11.33"); ?//22.11
?????????????var num5 = parseFloat("0123.456"); ?//123.456
?????????????var num6 = parseFloat("1.234e2"); ??//123.4

博文系作者原创,转载请注明地址:http://firefly-zp.iteye.com

  相关解决方案