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 相关文章推荐
用document.documentElement取代document.body的原因分析
Nov 12 Javascript
jquery 查找iframe父级页面元素的实现代码
Aug 28 Javascript
jquery+javascript编写国籍控件
Feb 12 Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
Oct 14 Javascript
浅谈jquery点击label触发2次的问题
Jun 12 Javascript
jQuery css() 方法动态修改CSS属性
Sep 25 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
Sep 19 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
Oct 17 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
Nov 15 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
什么是MVC,好东西啊
2007/05/03 PHP
php用数组返回无限分类的列表数据的代码
2010/08/08 PHP
检测png图片是否完整的php代码
2010/09/06 PHP
PHP多例模式介绍
2013/06/24 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
php的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
php 如何设置一个严格控制过期时间的session
2017/05/05 PHP
Laravel5.1框架路由分组用法实例分析
2020/01/04 PHP
jQuery select操作控制方法小结
2010/05/26 Javascript
jquery插件qrcode在线生成二维码
2015/04/26 Javascript
javascript中使用new与不使用实例化对象的区别
2015/06/22 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
使用jQuery中的wrap()函数操作HTML元素的教程
2016/05/24 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
原生JavaScript实现Ajax异步请求
2017/11/19 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(下)
2018/04/18 Javascript
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
微信小程序后端实现授权登录
2020/02/24 Javascript
原生JS实现记忆翻牌游戏
2020/07/31 Javascript
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
[59:42]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
python爬取足球直播吧五大联赛积分榜
2018/06/13 Python
Python爬虫之网页图片抓取的方法
2018/07/16 Python
Django框架实现的分页demo示例
2019/05/25 Python
浅谈Python中的继承
2020/06/19 Python
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
试解释COMMIT操作和ROLLBACK操作的语义
2014/07/25 面试题
机电一体化专业求职信
2014/07/22 职场文书
团队拓展活动方案
2014/08/28 职场文书
毕业横幅标语
2014/10/08 职场文书
大明湖导游词
2015/02/03 职场文书
安全教育主题班会教案
2015/08/12 职场文书
电脑无法安装Windows 11怎么办?无法安装Win11的解决方法
2021/11/21 数码科技
box-shadow单边阴影的实现
2023/05/21 HTML / CSS