引言
parseInt('012', 16)和parseInt(012, 16)相等吗?
["10", "10", "10", "10", "10"].map(parseInt)的结果是什么?
先来一起复习一下parseInt()
的基本用法。
一、parseInt()的使用说明
使用参数说明:paraseInt(value: string, radix?: number)
parseInt()是对Number()很好的补充
1.1 解析数字和字母的混合字符串
当Number()
返回的都是NaN
的时候,parseInt()
有不一样的解析结果。parseInt会忽略无效字符,如果第一个字符串元素就非数字,那么就返回NaN
。
Number('123abc') // NaN Number('123asd1') // NaN Number('ad123') // NaN // ------- parseInt('123abc') // 123 parseInt('123asd1') // 123 parseInt('123---8979$$$') // 123 parseInt('ad123') // NaN
1.2 用于浮点数的取整:
console.log(parseInt(11.22)) // 11 console.log(Number(11.22)) // 11.22
1.3 将其他的进制转化为十进制
- 标准格式:
parseInt(string, radix)
radix
: 表示字符串的基数,取值范围是从 2 到 36。16 就表示被解析值是十六进制数。- 计算方法:基数 * (radix ^ (当前位数 - 1)) 然后依次相加
如下例子:
console.log(parseInt(101, 2)) // 5 console.log(parseInt(123, 5)) // 38 parseInt('6axxx', 16) // 106
parseInt('6axxx', 16), 16进制能够识别6a,到x为止。
其转化的过程如下:
需要注意的是:
radix
的默认值不一定是10,如果字符串 string 以其它任何值开头,则基数才是10 (十进制)。
这玩意儿很智能.输入的如果是标准的16进制或者8进制的话,就可以把radix
初始化为对应的进制的值。比如说parseInt(0xfff)
的结果是4096,不用放入radix
值。
但是如果,你后面非要加非16进制的制位的话,那还是会按照对应的radix
来计算。比如parseInt(012, 3)
是3而不是8。
1.4 parseInt中的隐式转化
parseInt('012', 16)和parseInt(012, 16)的结果是否一致呢?
我们打印结构如下:
前者是18,后者是16!, why?
很简单,其实通过我这个小标题也能够知道原因。因为parseInt(012, 16)发生了隐式转化。第一参数是string
类型,而它是number
类型,构成了隐式转化的条件,触发了toString()
的规则。
012.toString()
结果为10.
所以说
parseInt(012, 16) = parseInt('10', 16).
1×(161)+0×(160)=161 \times(16^1)+0\times(16^0)=161×(161)+0×(160)=16
二、经典面试题
下面的输出结果是什么?
["10", "10", "10", "10", "10"].map(parseInt);
我们需要有这么一个认知:
- map是一个函数
- map的的参数有两个,一个函数
callbackFn
,一个可选对象thisArg
,用于执行前者用作this
值。 - map的的参数函数有三个参数:
currentValue
、index
、array
parseInt
就是一个函数
所以说,什么的题目等于下面代码片段:
["10", "10", "10", "10", "10"].map((item, index) => { return parseInt(item, index) })
由此可得:
parseInt('10', 0) // 10 parseInt('10', 1) // NaN parseInt('10', 2) // 2 parseInt('10', 3) // 3 parseInt('10', 4) // 4
那么我们根据上面的描述,一起来讨论[1, 2, 3, 4].map(parseInt)
的结果是什。
以上就是解析parseInt('012', 16)和parseInt(012, 16)是否相等的详细内容,更多关于parseInt('012', 16) parseInt(012, 16)的资料请关注脚本之家其它相关文章!