Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
  • Y009-[1,2,3].map(parseInt)

Y009-[1,2,3].map(parseInt)

[1,2,3].map(parseInt)

先说结果:[1, NaN, NaN]

为什么会是这个结果

1. map函数

将数组的每个元素传递给指定的函数处理,并返回处理后的数组,所以 ['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

三、再来分析一下结果

['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。

四、parseInt方法解析的运算过程

parseInt('101.55',10); //以十进制解析,运算过程:向上取整数(不做四舍五入,省略小数),结果为 101。 parseInt('101',2); //以二进制解析,运算过程:12的2次方+02的1次方+12的0次方=4+0+1=5,结果为 5。 parseInt('101',8); //以八进制解析,运算过程:18的2次方+08的1次方+18的0次方=64+0+1=65,结果为 65。 parseInt('101',16); //以十六进制解析,运算过程:116的2次方+016的1次方+1*16的0次方=256+0+1=257,结果为 257。

Edit this page
最近更新: 2025/6/27 02:24
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人