js parseInt的陷阱分析小结

 更新时间:2011年03月05日 23:49:57   作者:   我要评论
js parseInt的陷阱分析小结,当第一个字符为0时,Js会把它看成一个8进制数字,其他8进制之外的字符都回被忽略掉。
复制代码 代码如下:

var a = parseInt("09"), b = Number("09");

很多人会认为a和b的值都是数字9,但实际上不是。

parseInt的主要作用是把字符串转换为整数,或者把小数转换为整数。一般情况下,我们只用到它的第一个参数。但实际上,它有两个参数:
parseInt(string, radix)

parseInt会根据radix指定的进制进行转换,比如:
复制代码 代码如下:

alert(parseInt("10", 2)); // outputs '2'

在没有指定radix或者radix为0的情况下,parseInt会按十进制进行转换。然而,这在某些情况下有点特殊:

* 如果string的值以“0x”开头,parseInt会按十六进制进行转换;
* 如果string的值以“0”开头,parseInt会按八进制进行转换。

说回开头的代码,由于"09"是以“0”开头,所以parseInt会按八进制进行转换,但是“9”不是合法的八进制值(八进制只有0-7八个数字),所以转换结果是0。

要避免这个陷进,可以强制指定radix:
复制代码 代码如下:

alert(parseInt("09", 10)); // outputs '9'

其它网友的补充:
看代码:
复制代码 代码如下:

alert(parseInt(0.000001));
alert(parseInt(0.0000001));

第一条语句输出 0, 第二条语句输出 1, 囧。

继续看代码:
复制代码 代码如下:

alert(parseInt('0.000001'));
alert(parseInt('0.0000001'));

都输出 0, 这才符合预期。

查看 ECMA-262 规范,parseInt 会先调用 toString 方法。问题已逐渐清晰:
复制代码 代码如下:

alert(0.000001);
alert(0.0000001);

第一条语句原样输出,第二条语句输出 1e-7.
继续翻查 ECMA-262 9.8.1 ToString Applied to the Number Type 一节,恍然大悟:
复制代码 代码如下:

assertEquals("0.00001", (0.00001).toString());
assertEquals("0.000001", (0.000001).toString());
assertEquals("1e-7", (0.0000001).toString());
assertEquals("1.2e-7", (0.00000012).toString());
assertEquals("1.23e-7", (0.000000123).toString());
assertEquals("1e-8", (0.00000001).toString());
assertEquals("1.2e-8", (0.000000012).toString());

上面是 V8 引擎 number-tostring 的单元测试脚本, 很好地诠释了 ECMA 规范。

小结:对于小于 1e-6 的数值来说,ToString 时会自动转换为科学计数法。因此 parseInt 方法,在参数类型不确定时,最好封装一层:
复制代码 代码如下:

function parseInt2(a) {
if(typeof a === 'number') {
return Math.floor(a);
}
return parseInt(a);
}

blueidea上面的文章:
去年11月做的一个东西,到今年 8,9 月突然出毛病了
调试了 1x 分钟最后发现是 parseInt 的问题

MSDN 里的说明
Description
Converts strings into integers.
Syntax
parseInt(numstring, [radix])
The parseInt method syntax has these parts:
Part Description
[numstring] Required. A string to convert into a number.
[radix] Optional. A value between 2 and 36 indicating the base of the number contained in numstring. If not supplied, strings with a prefix of '0x' are considered hexidecimal and strings with a prefix of '0' are considered octal. All other strings are considered decimal.

用 parseInt 是在日期上的,比如 2005-10-08 用 正则解出 年月日 字符串,再用parseInt解出数字做他用。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上面的看出不同了么?
"08"字符串被识别为8进制,parseInt("08") 出来的是 0,因为8进制是没有8的
一般用parseInt也不会特意去写后面的 radix,默认是 十进制
现在看来,大家还是 勤劳点,多写个10,才保险啊

相关文章

  • 微信小程序tabBar用法实例详解

    微信小程序tabBar用法实例详解

    这篇文章主要介绍了微信小程序tabBar用法,结合实例形式详细分析了微信小程序中tabBar的功能、配置项使用方法与操作注意事项,并附带完整demo源码供读者下载参考,需要的朋友可以参考下
    2017-12-12
  • 微信小程序学习笔记之函数定义、页面渲染图文详解

    微信小程序学习笔记之函数定义、页面渲染图文详解

    这篇文章主要介绍了微信小程序学习笔记之函数定义、页面渲染,结合实例形式较为详细的分析了微信小程序中函数的定义、生命周期、模板调用、样式控制等操作技巧,并配合图文形式进行了详细说明,需要的朋友可以参考下
    2019-03-03
  • javascript自然分类法算法实现代码

    javascript自然分类法算法实现代码

    这篇文章介绍了javascript自然分类法算法实现代码,有需要的朋友可以参考一下
    2013-10-10
  • JavaScript电子时钟倒计时

    JavaScript电子时钟倒计时

    这篇文章主要介绍了JavaScript电子时钟倒计时的实现代码,具有一定的参考价值,感兴趣的朋友可以参考一下
    2016-01-01
  • 图解Javascript——作用域、作用域链、闭包

    图解Javascript——作用域、作用域链、闭包

    本文主要介绍了图解Javascript——作用域、作用域链、闭包等知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • JavaScript实现梯形乘法表的方法

    JavaScript实现梯形乘法表的方法

    这篇文章主要介绍了JavaScript实现梯形乘法表的方法,涉及基本javascript结合表格操作的技巧,需要的朋友可以参考下
    2015-04-04
  • 搞定immutable.js详细说明

    搞定immutable.js详细说明

    Immutable Data是指一旦被创造后,就不可以被改变的数据。通过使用Immutable Data,可以让我们更容易的去处理缓存、回退、数据变化检测等问题,简化我们的开发
    2016-05-05
  • JS获取iframe中longdesc属性的方法

    JS获取iframe中longdesc属性的方法

    这篇文章主要介绍了JS获取iframe中longdesc属性的方法,实例分析了longdesc属性的功能及相关的获取技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • 详解JavaScript函数

    详解JavaScript函数

    这篇文章主要介绍了JavaScript函数,函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块,需要的朋友可以参考下
    2015-12-12

最新评论