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学习点滴 call、apply的区别
Oct 22 Javascript
jquery插件 autoComboBox 下拉框
Dec 22 Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
Oct 16 Javascript
laydate.js日期时间选择插件
Jan 04 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
Jun 09 Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 Javascript
vue检测对象和数组的变化分析
Jun 30 Javascript
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
基于node+vue实现简单的WebSocket聊天功能
Feb 01 Javascript
你不知道的 TypeScript 高级类型(小结)
Aug 28 Javascript
一篇文章学会Vue中间件管道
Jun 20 Vue.js
前端监听websocket消息并实时弹出(实例代码)
Nov 27 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 var_dump()函数的详解
2013/06/05 PHP
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
ThinkPHP采用GET方式获取中文参数查询无结果的解决方法
2014/06/26 PHP
php实现的发送带附件邮件类实例
2014/09/22 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
thinkPHP3.2.3结合Laypage实现的分页功能示例
2018/05/28 PHP
PHP实现一个轻量级容器的方法
2019/01/28 PHP
JS setCapture 区域外事件捕捉
2010/03/18 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
javascript代码运行不出来执行错误的可能情况整理
2013/10/18 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
Javascript Memoizer浅析
2014/10/16 Javascript
浅谈Javascript中深复制
2014/12/01 Javascript
javascript实现checkBox的全选,反选与赋值
2015/03/12 Javascript
js+cookies实现悬浮购物车的方法
2015/05/25 Javascript
JavaScript操作select元素和option的实例代码
2016/01/29 Javascript
JavaScript数组实现数据结构中的队列与堆栈
2016/05/26 Javascript
JS模拟的Map类实现方法
2016/06/17 Javascript
关于JS变量和作用域详解
2016/07/28 Javascript
Vue.js 父子组件通信的十种方式
2018/10/30 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
2020/08/18 Javascript
python中使用xlrd、xlwt操作excel表格详解
2015/01/29 Python
python数据清洗系列之字符串处理详解
2017/02/12 Python
Python生成随机数组的方法小结
2017/04/15 Python
Pycharm学习教程(5) Python快捷键相关设置
2017/05/03 Python
Python拼接微信好友头像大图的实现方法
2018/08/01 Python
Python常见排序操作示例【字典、列表、指定元素等】
2018/08/15 Python
Python中的几种矩阵乘法(小结)
2019/07/10 Python
Python模块/包/库安装的六种方法及区别
2020/02/24 Python
Python3实现飞机大战游戏
2020/04/24 Python
Java面试笔试题大全
2016/11/23 面试题
后勤主管工作职责
2013/12/07 职场文书
《圆明园的毁灭》教学反思
2014/02/28 职场文书
教师党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
公司的力量观后感
2015/06/05 职场文书