JavaScript的parseInt取整

作者:mg12 2010年10月05日 06:50neoease.com 标签:JavaScript 

JavaScript 是弱类型语言,为了保证数值的有效性,在处理数值的时候,我们可以对数值字符串进行强行转换。如 parseInt 取整和 parseFloat 取浮点数。

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(num,radix); 

所以我们可以将前面有问题的那段 JavaScript 代码改写为下面的代码。

 
var str = "020";
var num = parseInt(str,10);
alert(num); 

记住了,在 JavaScript 上使用 parseInt 方法时要带上进制参数。

本文转自:neoease.com,作者:mg12,原文地址:http://www.neoease.com/javascript-get-integer-via-parseint/

2条评论

  • 很不错,以前都木有注意这个 - -。另外,关于这个:
    var str = "020";
    var num = parseInt(str);
    查看了一下w3schools,这样说的:
    If the string begins with "0", the radix is 8 (octal). This feature is deprecated

  • 很值得注意的一点。感谢分享。