一、先来一个介绍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,查看这个方法,上面这些都是我自己理解的,然后记录一些,同时也分享出来。
如果我有什么理解不对的地方,希望看到这篇文章的你能提出来一下,咱们可以一起研究学习,利用了中午吃饭的时间写了这篇文章,就到这吧,先吃饭去啦~~