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 相关文章推荐
javascript随机之洗牌算法深入分析
Jun 07 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
Sep 28 Javascript
js实现的xml对象转json功能示例
Dec 24 Javascript
浅谈Angular文字折叠展开组件的原理分析
Nov 24 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
Jan 02 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 Javascript
vue生命周期与钩子函数简单示例
Mar 13 Javascript
Vue页面切换和a链接的本质区别详解
Nov 12 Javascript
WEB前端性能优化的7大手段详解
Feb 04 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 Javascript
详解如何修改 node_modules 里的文件
May 22 Javascript
JS模拟实现京东快递单号查询
Nov 30 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
快速配置PHPMyAdmin方法
2008/06/05 PHP
str_replace只替换一次字符串的方法
2013/04/09 PHP
php里array_work用法实例分析
2015/07/13 PHP
Linux环境下php实现给网站截图的方法
2016/05/03 PHP
Fleaphp常见函数功能与用法示例
2016/11/15 PHP
PHP实现文件上传功能实例代码
2017/05/18 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
网站上面有这种切换效果
2006/06/26 Javascript
jQuery-Easyui 1.2 实现多层菜单效果的代码
2012/01/13 Javascript
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
浅谈document.write()输出样式
2015/05/07 Javascript
javascript的BOM汇总
2015/07/16 Javascript
js中 javascript:void(0) 用法详解
2015/08/11 Javascript
JS模拟按钮点击功能的方法
2015/12/22 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
jQuery获取剪贴板内容的方法
2016/06/16 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
javascript实现鼠标点击页面 移动DIV
2016/12/02 Javascript
js仿京东轮播效果 选项卡套选项卡使用
2017/01/12 Javascript
Linux CentOS系统下安装node.js与express的方法
2017/04/01 Javascript
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
JS开发 富文本编辑器TinyMCE详解
2019/07/19 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
2019/10/21 Javascript
python异步任务队列示例
2014/04/01 Python
Python中使用ElementTree解析XML示例
2015/06/02 Python
批量获取及验证HTTP代理的Python脚本
2017/04/23 Python
python3+PyQt5实现自定义窗口部件Counters
2018/04/20 Python
python使用writerows写csv文件产生多余空行的处理方法
2019/08/01 Python
丝芙兰中国官方商城:SEPHORA中国
2018/01/10 全球购物
存储过程和sql语句的优缺点
2014/07/02 面试题
2014三八妇女节活动总结
2014/03/01 职场文书
保密协议书范本
2014/04/22 职场文书
银行求职信模板
2015/03/20 职场文书
pytorch实现手写数字图片识别
2021/05/20 Python
pytorch--之halfTensor的使用详解
2021/05/24 Python