JavaScript 的 parseInt 取整

淩亂°似流年 2022-03-29 07:42 212阅读 0赞

http://www.neoease.com/javascript-get-integer-via-parseint/

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

Java 也有 Integer.parseInt() 方法, 但是 JavaScript 的 parseInt 处理方式与 Java 等强整型语言不太一样, 所以经常有人因为对这个方法的使用不当而获得异常返回.

下面是一段 Java 代码, 用于将字符串 020 转为整型.

<table> 
 <tbody> 
 <tr> 
 <td> <pre><code>public class Test {
	public static void main(String args[]) throws Exception { String str = "020"; System.out.println(Integer.parseInt(str)); } }</code></pre> </td> 
 </tr> 
 </tbody> 
</table>

输出结果是 20

下面是一段 JavaScript 代码, 同样是将字符串 020 转为整型.

<table> 
 <tbody> 
 <tr> 
 <td> <pre><code>var str = "020";
var num = parseInt(str); alert(num);</code></pre> </td> 
 </tr> 
 </tbody> 
</table>

输出结果是 16

### 为什么呢? ###

无论是 Java 还是 JavaScript, parseInt 方法都有两个参数, 第一个参数就是要转换的对象, 第二个参数是进制基数, 可以是 2, 8, 10, 16, 默认以 10 进制处理. 但在 JavaScript 中, `0` 开始的数被认为使用 8 进制处理, `0x` 的数被认为是用 16 进制来处理. 所以上面的 JavaScript 代码计算错误了.

### 影响大吗? ###

大! 很大! 因为这个经常用于计算价钱, 一旦价格错误, 对用户来说, 这是误导, 而一个好的网站不应该出现这种误导用户的. 下面的 DEMO 中, 没有指定进制. 大家可以在数量框中输入一个以 0 开头的数字, 在点击计算按钮, 算出来的数值将比预想中的小一些, 或者小很多 (如: 8 进制中没有 019 这样的数值, 所以数值变成了 1, 9 被忽略掉).  
[没有为 parseInt 函数指定进制的 DEMO][parseInt _ DEMO]

### 如何修改? ###

前面说过, 有两个参数, 第二个参数可以指定计算使用的进制.

<table> 
 <tbody> 
 <tr> 
 <td> <pre><code>parseInt(num, radix);</code></pre> </td> 
 </tr> 
 </tbody> 
</table>

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

<table> 
 <tbody> 
 <tr> 
 <td> <pre><code>var str = "020";
var num = parseInt(str, 10); alert(num);</code></pre> </td> 
 </tr> 
 </tbody> 
</table>

这样处理的话, 我们再重写一些前面的 DEMO, 如下:  
[为 parseInt 函数指定进制为 10 的 DEMO][parseInt _ 10 _ DEMO]

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

\--------------------------

http://www.w3school.com.cn/jsref/jsref\_parseInt.asp

# JavaScript parseInt() 函数 #

[JavaScript 全局对象][JavaScript]

## 定义和用法 ##

parseInt() 函数可解析一个字符串，并返回一个整数。

### 语法 ###

parseInt(string, radix)

<table> 
 <tbody> 
 <tr> 
 <th>参数</th> 
 <th>描述</th> 
 </tr> 
 <tr> 
 <td>string</td> 
 <td>必需。要被解析的字符串。</td> 
 </tr> 
 <tr> 
 <td>radix</td> 
 <td> 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。 如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。 如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。 </td> 
 </tr> 
 </tbody> 
</table>

### 返回值 ###

返回解析后的数字。

### 说明 ###

当参数 *radix* 的值为 0，或没有设置该参数时，parseInt() 会根据 *string* 来判断数字的基数。

举例，如果 *string* 以 "0x" 开头，parseInt() 会把 *string* 的其余部分解析为十六进制的整数。如果 *string* 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果 *string* 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。

## 提示和注释 ##

注释：只有字符串中的第一个数字会被返回。

注释：开头和结尾的空格是允许的。

提示：如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。

## 实例 ##

在本例中，我们将使用 parseInt() 来解析不同的字符串：

parseInt("10");			//返回 10
    parseInt("19",10);		//返回 19 (10+9)
    parseInt("11",2);		//返回 3 (2+1)
    parseInt("17",8);		//返回 15 (8+7)
    parseInt("1f",16);		//返回 31 (16+15)
    parseInt("010");		//未定：返回 10 或 8

## TIY ##

[parseInt()][parseInt]

如何使用 parseInt() 来解析不同的字符串。

[JavaScript 全局对象][JavaScript]

[parseInt _ DEMO]: http://www.neoease.com/tutorials/javascript-parseint-radix/without-radix.html
[parseInt _ 10 _ DEMO]: http://www.neoease.com/tutorials/javascript-parseint-radix/with-radix.html
[JavaScript]: http://www.w3school.com.cn/jsref/jsref_obj_global.asp
[parseInt]: http://www.w3school.com.cn/tiy/t.asp?f=jseg_parseInt