JavaScript的parseInt 取整使用

2019-12-24,,,

Java 也有 Integer.parseInt() 方法, 但是 JavaScript 的 parseInt 处理方式与 Java 等强整型语言不太一样, 所以经常有人因为对这个方法的使用不当而获得异常返回.

下面是一段 Java 代码, 用于将字符串 020 转为整型.
复制代码 代码如下:
public class Test {
public static void main(String args[]) throws Exception {
String str = "020";
System.out.println(Integer.parseInt(str));
}
}

输出结果是 20

下面是一段 JavaScript 代码, 同样是将字符串 020 转为整型.
复制代码 代码如下:
var str = "020";
var num = parseInt(str);
alert(num);

输出结果是 16

为什么呢?
无论是 Java 还是 JavaScript, parseInt 方法都有两个参数, 第一个参数就是要转换的对象, 第二个参数是进制基数, 可以是 2, 8, 10, 16, 默认以 10 进制处理. 但在 JavaScript 中, 0 开始的数被认为使用 8 进制处理, 0x 的数被认为是用 16 进制来处理. 所以上面的 JavaScript 代码计算错误了.

影响大吗?
大! 很大! 因为这个经常用于计算价钱, 一旦价格错误, 对用户来说, 这是误导, 而一个好的网站不应该出现这种误导用户的. 下面的 DEMO 中, 没有指定进制. 大家可以在数量框中输入一个以 0 开头的数字, 在点击计算按钮, 算出来的数值将比预想中的小一些, 或者小很多 (如: 8 进制中没有 019 这样的数值, 所以数值变成了 1, 9 被忽略掉).
没有为 parseInt 函数指定进制的 DEMO

如何修改?
前面说过, 有两个参数, 第二个参数可以指定计算使用的进制.

复制代码 代码如下:
parseInt(num, radix);

所以我们可以将前面有问题的那段 JavaScript 代码改写为下面的代码.
复制代码 代码如下:
var str = "020";
var num = parseInt(str, 10);
alert(num);

这样处理的话, 我们再重写一些前面的 DEMO, 如下:
为 parseInt 函数指定进制为 10 的 DEMO
记住了, 在 JavaScript 上使用 parseInt 方法时要带上进制参数.

您可能感兴趣的文章:

  • 详解JS转换数值函数Number()、parseInt()、parseFloat()
  • JS实现手写parseInt的方法示例
  • 详解js中Number()、parseInt()和parseFloat()的区别
  • JS使用parseInt解析数字实现求和的方法
  • JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
  • Javascript中使用parseInt函数需要注意的问题
  • js数值计算时使用parseInt进行数据类型转换(jquery)
  • js中parseInt函数浅谈
  • javascript parseInt() 函数的进制转换注意细节
  • js parseInt的陷阱分析小结
  • Javascript中parseInt的正确使用方式

《JavaScript的parseInt 取整使用.doc》

下载本文的Word格式文档,以方便收藏与打印。