parseInt的结果看不懂,请看我分析
parseInt的使用,对于今天之前的我还是只使用用它来转换字符数字,但是今天我遇到下面三个表达式蒙圈了
console.log(parseInt(3,8)); //3 console.log(parseInt(3,2)); //NaN console.log(parseInt(3,0)); //3
看到这里,突然发现我对parseInt很陌生呀,所以,我在MDN找到了parseInt的语法
看到这里,我还是觉得有点懵,所以我又百度了,看到博客园上另一篇对parseInt的解释--parseInt原来是这样用的,我看懂了radix的具体用法(相当于设置第一个字符串的几进制),
所以我来解释一下 上面三个的结果(我采用对话方式分析)
我:console.log(parseInt(3,8)) 浏览器代码解析器:parseInt里面有两个参数,第二个参数是八进制(0,1,2,3,4,5,6,7),所以认识3,所以返回3 我:console.log(parseInt(3,2))
浏览器代码解析器:parseInt里面有两个参数,第二个参数是二进制(0,1),额...,不好意思,我不认识3,返回NaN
我:console.log(parseInt(3,0))
浏览器代码解析器:parseInt里面有两个参数,第二个参数是零,额,好吧,应该是默认值十进制(0,1,2,3,4,5,6,7,8,9),嗯,很好我认识3,返回3
看到这里,我们就可以清楚了理解parseInt的使用了,
在上面那篇文章中作者提到了几个他不能理解的语法,
console.log(parseInt(1/0,19)) //18 console.log(parseInt(false,16)) //250 console.log(parseInt(parseInt,16)) //15 console.log(parseInt('0x10')) //16 console.log(parseInt('10',2)) //2
看到这些既熟悉又陌生的代码,一开始也跟作者一样表示看不懂,但是我后面进行试验分析好最终解决了这几个问题,好的,马上进入我试验分析
我:console.log(parseInt(1/0,19))
浏览器代码解析器:parseInt里面有两个参数,第二个参数是十九进制(0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,g,h,i),额,1/0,好吧先运算 结果等于Infinity,
I好的十九进制有认识,n十九进制不存在不认识,不管后面有没有了,立即返回i(i对应的十进制中的18),所以返回18
我:console.log(parseInt(false,16))
浏览器代码解析器:parseInt里面有两个参数,第二个参数是十六进制(0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f),额,false,是字符串(parseInt的世界里没有布尔值)==> 'false',
嗯,'f'认识, 'a'认识, 'l'哦,不认识,立即返回fa (十六进制的fa转换成十进制等于250)
我:console.log(parseInt(parseInt,16))
浏览器代码解析器:parseInt里面有两个参数,第二个参数是十六进制(0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f),额,parseInt,是我自己吗?不对,它后面没有(),它不是执行函数,
好的,我先将它console.log(parseInt)看看,
我:console.log(parseInt('0x10'))
浏览器代码解析器:parseInt里面只有一个参数,好的,采用默认的十进制(0,1,2,3,4,5,6,7,8,9), '
我:console.log(parseInt('10',2))
浏览器代码解析器:parseInt里面有两个参数,第二个参数是二进制(0,1)
好的,我的分析完毕。
现在总结一下,理解了parseInt中第二个参数 radix 是介于2-36的数, 计算机中 0到9为十进制,再往上十一进制开始用字母表示那么26个字母就可以再十进制上面加多26个进制,
即三十六进制。