JavaScript parseInt函数详解

JavaScript全局 parseInt 函数的总结：parseInt(numString, redix);

numString 将要被转换为Int的字符串。

注意点：

1、可为数字或字符串, 不管怎样都会使用String(numString)将其转换成字符串; 如： parseInt(010); // 8 parseInt("010"); // 10

2、如果numString前后有空格，那么将会忽略空格，如 " 23 ", 将会被解析成 "23";

3、如果numString以数字开头，字母结尾，解析的时候则会从字母的地方终止，并返回已解析的数字。

redix 要转换的进制数，该值的范围是 2 - 36。

注意点：

一、如果用户指定了该值：

不管指定的值是数字还是字符串，parseInt底层会使用Number对其进行转换，

转换后得到的值为0或者NaN，都会忽略，仍使用默认值 10，否则判断是否是否位于 2-36中，如果不是则返回NaN。

如 parseInt("31", 0)/parseInt("31", "aaa") 等价于 parseInt("31", 10)

二、如果未指定该值：

1、如果 numString 以0x开头，则该值的默认值是 16;

2、如果 numString 以0开头，ECMAScript 3 环境该值默认为8，ECMAScript 5已经禁止这种做法，该值默认为10，所以视执行环境而定。

最佳实践：使用parseInt时指定redix参数总是有必要的，代码可读性强，程序稳定。

parseInt("1", 0); // 1 等价于 parseInt("1", 10)

parseInt("1", "aaa"); // 1 等价于 parseInt("1", 10)

parseInt("2", 1); // NaN ,进制解析异常

parseInt("010"); // 8/10 视环境而定 String("010");// 8/10

parseInt(010); // 8 String(010);// 8

parseInt(0x10); // 16 String(0x10);// 16

parseInt("0x10"); // 16 (String("0x10");// "0x10" ) 等价于 parseInt("0x10"， 16)// 16

parseInt(" 23 "); // 23

parseInt(" 23 abc"); // 23

parseInt(" 23abc "); // 23

["1", "2", "3"].map(parseInt); // ["1", NaN, NaN]

定义和用法

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

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

当忽略参数 radix , JavaScript 默认数字的基数如下:

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

语法

parseInt(string, radix)

参数	描述
string	必需。要被解析的字符串。
radix	可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

浏览器支持

所有主要浏览器都支持 parseInt() 函数

提示和注释

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

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

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

注意：在字符串以"0"为开始时旧的浏览器默认使用八进制基数。ECMAScript 5，默认的是十进制的基数。

实例

我们将使用 parseInt() 来解析不同的字符串：

以上实例输出结果：

10
10
34
60
40
NaN

10
10
8
16
16

注意：旧浏览器由于使用旧版本的ECMAScript（ECMAScript版本小于ECMAScript 5，当字符串以"0"开头时默认使用八进制，ECMAScript 5使用的是十进制），所以在解析("010") 将输出8。