JavaScript的parseInt 取整使用


Posted in Javascript onMay 09, 2011

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 方法时要带上进制参数.
Javascript 相关文章推荐
jQuery过滤选择器用法分析
Feb 10 Javascript
javascript从定义到执行 你不知道的那些事
Jan 04 Javascript
用jQuery获取table中行id和td值的实现代码
May 19 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
jQuery中Chosen三级联动功能实例代码
Mar 07 Javascript
p5.js入门教程之平滑过渡(Easing)
Mar 16 Javascript
LayerClose弹窗关闭刷新方法
Aug 17 Javascript
JQuery样式与属性设置方法分析
Dec 07 jQuery
react基本安装与测试示例
Apr 27 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
Jul 22 Javascript
实现变速回到顶部的JavaScript代码
May 09 #Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
May 09 #Javascript
Chrome Form多次提交表单问题的解决方法
May 09 #Javascript
JQuery将文本转化成JSON对象需要注意的问题
May 09 #Javascript
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
May 07 #Javascript
基于JQUERY的两个ListBox子项互相调整的实现代码
May 07 #Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
May 07 #Javascript
You might like
php常用数学函数汇总
2014/11/21 PHP
php使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
js文件中调用js的实现方法小结
2009/10/23 Javascript
JavaScript 原型与继承说明
2010/06/09 Javascript
JQuery获取表格数据示例代码
2014/05/26 Javascript
深入探究使JavaScript动画流畅的一些方法
2015/06/30 Javascript
JavaScript与HTML的结合方法详解
2015/11/23 Javascript
jQuery实现获取绑定自定义事件元素的方法
2015/12/02 Javascript
JavaScript文本框脚本编写的注意事项
2016/01/25 Javascript
浅谈在js传递参数中含加号(+)的处理方式
2016/10/11 Javascript
Javascript typeof与instanceof的区别
2016/10/18 Javascript
javascript笔记之匿名函数和闭包
2017/02/06 Javascript
jQuery操作css样式
2017/05/15 jQuery
JQuery常见节点操作实例分析
2019/05/15 jQuery
vue的三种图片引入方式代码实例
2019/11/19 Javascript
vue 内联样式style中的background用法说明
2020/08/05 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python3.5 创建文件的简单实例
2018/04/26 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
python实现括号匹配的思路详解
2018/08/23 Python
Python解决两个整数相除只得到整数部分的实例
2018/11/10 Python
Python在Matplotlib图中显示中文字体的操作方法
2019/07/29 Python
使用python绘制二维图形示例
2019/11/22 Python
SpringBoot实现登录注册常见问题解决方案
2020/03/04 Python
parser.add_argument中的action使用
2020/04/20 Python
python excel和yaml文件的读取封装
2021/01/12 Python
Lentiamo丹麦:购买便宜的隐形眼镜
2021/01/13 全球购物
硕士研究生个人求职信
2013/12/04 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
小学教师师德演讲稿
2014/05/06 职场文书
建筑工程技术专业求职信
2014/07/16 职场文书
2014年协会工作总结
2014/11/22 职场文书
公司给客户的感谢信
2015/01/23 职场文书
股东合作协议书模板2篇
2019/11/05 职场文书
react如何快速设置文件路径别名
2021/04/28 Javascript