js parseInt() 方法详细解析

一、先来一个介绍parseInt(string，radix)，parseInt() 函数可解析一个字符串，并返回一个整数。（W3C复制的）

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

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

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

二、parseInt开始使用可能觉得很简单，但是深入了解，你会发现其实并没有那么简单，废话不多说，上实例，如下：

parseInt("10");			//返回 10
parseInt("19",10);		//返回 19 ==>1*Math.pow(10,1)+9*Math.pow(10,0) => (10+9)
parseInt("11",2);		//返回 3 ==>1*Math.pow(2,1)+1*Math.pow(2,0) (2+1)
parseInt("123",4);		//返回 27 ==>1*Math.pow(4,2)+2*Math.pow(4,1)+3*Math.pow(4,0) =>(16+8+3)

我就拿parseInt("123",4)解释一下；

（）中的“4”,指的是radix ，代表以4为基数；

（）的“123”为3个字符串，下标以0开始，0,1,2；

1 * Math.pow(4,2) == >

1 指的是字符串第一个字符串“1”，

4 代表的是基数，

2 指的是从0开始的下标开始的数字（2,1,0）根据parseInt（）左边的参数，string 来判断数字的基数（若这个基数有10个，则需要计算10次），在parseInt("123",4)中指的是4的2进制等价于Math.pow(4,2) <==> （4*4） = 16；

注意事项：

1、parseInt(string，radix)中右边的参数radix，不可以小于左边 需要计算的单个字符串，否则会停止后面的计算，举个栗子：

parseInt("555",4) // 这个会返回一个NaN,因为4比5小，所以这个会返回NaN

再举一个栗子：

parseInt("123456789",5) // 看着很长，但其实只会返回一个194,因为从5开始后面的都比5大，相当于

parseInt("1234",5) =>
 
1*Math.pow(5,3)+
2*Math.pow(5,2)+
3*Math.pow(5,1)+
4*Math.pow(5,0) ==> 
(1*5*5*5)+ (2*5*5)+ (3*5)+(4*1) 
= 125+50+15+4 = 194

2、以下的都是返回15

parseInt("F", 16);
parseInt("17", 8);
parseInt("15", 10);
parseInt(15.99, 10);
parseInt("FXX123", 16);
parseInt("1111", 2);
parseInt("15*3", 10);
parseInt("12", 13);

parseInt("F", 16); // 这个可以讨论一下，我测了了 A,B,C,D,E,F 这几个字符串。

parseInt("A", 16)  ==> 10 
parseInt("B", 16)  ==> 11 
parseInt("C", 16)  ==> 12 
parseInt("D", 16)  ==> 13 
parseInt("E", 16)  ==> 14 

3.还有一些奇怪的写法，我面试的时候遇到过，可以看一下，再举个栗子

 parseInt("2233",037)  //61600   等价于 ==> parseInt("2233",37) 
 parseInt("2233",true+true+true+true)  //175  等价于 ==> parseInt("2233",4) 
 parseInt("2233",[1,2,3])  //2233  等价于 ==> parseInt("2233",0) 
 parseInt("2233","Yoda")  //2233   等价于 ==> parseInt("2233",0) 

开始自己对parseInt（str,radix） 了解不够深，然后自己去MDN Web Dock，查看这个方法，上面这些都是我自己理解的，然后记录一些，同时也分享出来。

如果我有什么理解不对的地方，希望看到这篇文章的你能提出来一下，咱们可以一起研究学习，利用了中午吃饭的时间写了这篇文章，就到这吧，先吃饭去啦~~