[前端面试题][‘1‘,‘2‘,‘3‘].map(parseInt)

**

[前端面试题][‘1‘,‘2‘,‘3‘].map(parseInt)的坑

**

console.([‘1‘,‘2‘,‘3‘].map(parseInt));

乍一看，是不是都以为是输出1,2，3？其实这真的是个神坑。
真正的输出竟然是

[1,NaN, ,NaN]

神奇不？诡异不？
为什么会这样呢？

1.map函数
根据MDN的文档，Array.prototype.map和parseInt的用法，map函数会提供三个参数，value、index、arr，而parseInt提供了两个参数parseInt(string [, radix])。因此arr.map(parseInt)实际上是arr.map((val, index, arr)=> parseInt(val, index))的一个缩写。

parseInt(1,0,[1,2,3])
parseInt(2,1,[1,2,3])
parseInt(3,2,[1,2,3])

将数组的每个元素传递给指定的函数处理，并返回处理后的数组，所以 [‘1’,‘2’,‘3’].map(parseInt) 就是将字符串1，2，3作为元素；0，1，2作为下标分别调用 parseInt 函数。即分别求出 parseInt(‘1’,0), parseInt(‘2’,1), parseInt(‘3’,2)的结果。

2. parseInt函数（重点）

概念：以第二个参数为基数来解析第一个参数字符串，通常用来做十进制的向上取整（省略小数）如：parseInt(2.7) //结果为2

特点：接收两个参数parseInt(string,radix)

string：字母（大小写均可）、数组、特殊字符（不可放在开头,特殊字符及特殊字符后面的内容不做解析）的任意字符串，如 ‘2’、‘2w’、‘2!’

radix：解析字符串的基数，基数规则如下：

1） 区间范围介于2~36之间；

2 ） 当参数为 0，parseInt() 会根据十进制来解析；

3 ） 如果忽略该参数，默认的基数规则：

       如果 string 以 "0x" 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数；parseInt("0xf")   //15 

       如果 string 以 0 开头，其后的字符解析为八进制或十六进制的数字；parseInt("08")   //8

       如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数；parseInt("88.99f")   //88

       只有字符串中的第一个数字会被返回。parseInt("10.33")   //返回10；

       开头和结尾的空格是允许的。parseInt(" 69 10 ")   //返回69

       如果字符串的第一个字符不能被转换为数字，返回 NaN。parseInt("f")  //返回NaN  而parseInt("f"，16)  //返回15

3、分析一下结果
[‘1’,‘2’,‘3’].map(parseInt)即parseInt(‘1’,0);radix 为 0，parseInt() 会根据十进制来解析，所以结果为 1；

parseInt(‘2’,1);radix 为 1，超出区间范围，所以结果为 NaN；

parseInt(‘3’,2);radix 为 2，用2进制来解析，应以 0 和 1 开头，所以结果为 NaN。

4、parseInt方法解析的运算过程
parseInt(‘101.55’,10); //以十进制解析，运算过程：向上取整数(不做四舍五入，省略小数)，结果为 101。

parseInt(‘101’,2); //以二进制解析，运算过程：12的2次方+02的1次方+1*2的0次方=4+0+1=5，结果为 5。

parseInt(‘101’,8); //以八进制解析，运算过程：18的2次方+08的1次方+1*8的0次方=64+0+1=65，结果为 65。

parseInt(‘101’,16); //以十六进制解析，运算过程：116的2次方+016的1次方+1*16的0次方=256+0+1=257，结果为 257。

转自：杏子_1024