arr.map(parseInt)运行结果

发布时间 2023-12-03 12:51:17作者: IT文艺女
let arr = [27.2,0,'0013','14px',123];
arr = arr.map(parseInt);
console.log(arr);
// [27, NaN, 1, 1, 27]``

也许你会迷惑为什么在map传参parseInt后,0会输出NaN等等;接下来就跟我去详细的了解一下吧!

首先
定义和用法
parseInt() 函数可解析一个字符串,并返回一个整数。
当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。

当忽略参数 radix , JavaScript 默认数字的基数如下:
1.如果 string 以 "0x" 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数。
2.如果 string 以 0 开头,那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。
3.如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数。
parseInt(string, radix) //string必需。要被解析的字符串。 radix可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。如果不在这个之间,整个程序运行的结果一定是NaN

回顾了一遍这么使用parseInt后,我们再来看一下这个题
arr.map((item,index,arr)=>{return **})
但我们的参数是parseInt那么就变成下面:
arr.map((item,index)=>{return parseInt(item,index)})
这样写是不是就清晰了
下面我们就开始遍历arr数组里面的内容
let arr = [27.2,0,'0013','14px',123];
arr会遍历5次
第一次:parseInt(27.2,0) ----> 27 //如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数
第二次:parseInt(0,1) ----> NaN //redix为1,该值介于 2 ~ 36 之间。如果不在这个之间,整个程序运行的结果一定是NaN
第三次:parseInt('0013',2) ----> 1 // 在string找到所有符合[radix]进制的内容(从左到右查找,直到遇到不符合的为止「不论后面是否还有符合进制的,都不在查找了」),然后再把找到的内容看做[radix]进制,转换为十进制,001为二进制数,因二进制数都是0或者1,所以3不符合二进制规则,001转换为10进制为1乘以2的0次方 = 1
第四次:parseInt('14px',3) ----> 1 //同上 ,14px三进制只有1符合,1的三进制转换为10进制,1乘以3的0次方=1
第五次:parseInt(123,4) ----> 27 //123的4进制转为10进制为340+2*41+14^2=3+8+16=27
[27, NaN, 1, 1, 27]