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 相关文章推荐
csdn 批量接受好友邀请
Feb 19 Javascript
让firefox支持IE的一些方法的javascript扩展函数代码
Jan 02 Javascript
Web开发者必备的12款超赞jQuery插件
Dec 03 Javascript
七夕情人节丘比特射箭小游戏
Aug 20 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
详解javascript事件绑定使用方法
Oct 20 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
为什么使用koa2搭建微信第三方公众平台的原因
May 16 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
Oct 19 Javascript
微信小程序textarea层级过高的解决方法
Mar 04 Javascript
javascript刷新父页面方法汇总详解
Oct 10 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
Nov 10 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项目的方法
2006/10/09 PHP
php更改目录及子目录下所有的文件后缀扩展名的代码
2010/10/12 PHP
php将图片保存为不同尺寸图片的图片类实例
2015/03/30 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
PHP中file_put_contents追加和换行的实现方法
2017/04/01 PHP
奇妙的js
2007/09/24 Javascript
js实现继承的5种方式
2015/12/01 Javascript
JS定义类的六种方式详解
2016/05/12 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
详解jQuery的表单验证插件--Validation
2016/12/21 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
2017/02/27 Javascript
jQuery实现的表格前端排序功能示例
2017/09/18 jQuery
js实现点击展开隐藏效果(实例代码)
2018/09/28 Javascript
vue移动端项目缓存问题实践记录
2018/10/29 Javascript
JS学习笔记之闭包小案例分析
2019/05/29 Javascript
webpack的tree shaking的实现方法
2019/09/18 Javascript
微信小程序单选框自定义赋值
2020/05/26 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
Python聚类算法之DBSACN实例分析
2015/11/20 Python
Unicode和Python的中文处理
2017/03/19 Python
浅谈django orm 优化
2018/08/18 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
详解python opencv、scikit-image和PIL图像处理库比较
2019/12/26 Python
Pytorch转tflite方式
2020/05/25 Python
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
2014/03/31 HTML / CSS
HTML5实现WebSocket协议原理浅析
2014/07/07 HTML / CSS
SIMON MILLER官网:洛杉矶的生活方式品牌
2020/10/19 全球购物
餐厅总经理岗位职责
2013/12/31 职场文书
竞选部门副经理的自荐书范文
2014/02/11 职场文书
花坛标语大全
2014/06/30 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
单位租房协议书样本
2014/10/30 职场文书
论群众路线学习心得体会
2014/10/31 职场文书
2015年人事科工作总结
2015/04/28 职场文书
导游词之镜泊湖
2019/12/09 职场文书
Python基础数据类型tuple元组的概念与用法
2021/08/02 Python