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 相关文章推荐
textarea 控制输入字符字节数(示例代码)
Dec 27 Javascript
js中settimeout方法加参数
Feb 28 Javascript
javascript正则表达式使用replace()替换手机号的方法
Jan 19 Javascript
jQuery带进度条全屏图片轮播特效代码分享
Jun 28 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
微信小程序  checkbox组件详解及简单实例
Jan 10 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
Nov 15 Javascript
vue父组件点击触发子组件事件的实例讲解
Feb 08 Javascript
工作中常用到的ES6语法
Sep 04 Javascript
手淘flexible.js框架使用和源代码讲解小结
Oct 15 Javascript
详解从react转职到vue开发的项目准备
Jan 14 Javascript
Vue Element UI自定义描述列表组件
May 18 Vue.js
实现变速回到顶部的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三层结构(上) 简单三层结构
2010/07/04 PHP
php中利用explode函数分割字符串到数组
2014/02/08 PHP
PHP采用XML-RPC构造Web Service实例教程
2014/07/16 PHP
又一个PHP实现的冒泡排序算法分享
2014/08/21 PHP
thinkphp文件引用与分支结构用法实例
2014/11/26 PHP
简单说说PHP优化那些事(经验分享)
2014/11/27 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
phalcon model在插入或更新时会自动验证非空字段的解决办法
2016/12/29 PHP
PHP lcfirst()函数定义与用法
2019/03/08 PHP
PHP正则表达式处理函数(PCRE 函数)实例小结
2019/05/09 PHP
Using the TextRange Object
2006/10/14 Javascript
JS 建立对象的方法
2007/04/21 Javascript
setTimeout与setInterval在不同浏览器下的差异
2010/01/24 Javascript
jquery插件之easing使用
2010/08/19 Javascript
15个款优秀的 jQuery 图片特效插件推荐
2011/11/21 Javascript
手机图片预览插件photoswipe.js使用总结
2016/08/25 Javascript
Node.js 数据加密传输浅析
2016/11/16 Javascript
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
2019/04/04 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
50行代码实现贪吃蛇(具体思路及代码)
2013/04/27 Python
Swift中的协议(protocol)学习教程
2016/07/08 Python
python列表的增删改查实例代码
2018/01/30 Python
对Xpath 获取子标签下所有文本的方法详解
2019/01/02 Python
Python3.6中Twisted模块安装的问题与解决
2019/04/15 Python
利用python如何在前程无忧高效投递简历
2019/05/07 Python
linux环境中没有网络怎么下载python
2019/07/07 Python
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
植村秀美国官网:Shu Uemura美国
2019/03/19 全球购物
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
Currentbody德国站:健康与美容技术专家
2020/04/05 全球购物
写得不错的求职信范文
2014/07/11 职场文书
会员活动策划方案
2014/08/19 职场文书
2014小学数学教研组工作总结
2014/12/06 职场文书
2015驻村干部工作总结
2015/04/07 职场文书
python实现Nao机器人的单目测距
2021/09/04 Python