详解parseInt

前端小彭

已于 2023-02-22 21:31:29 修改

阅读量754

点赞数

分类专栏： js相关文章标签： javascript 开发语言 ecmascript

于 2023-02-22 21:30:04 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44062046/article/details/129170826

版权

js相关专栏收录该内容

3 篇文章

订阅专栏

文章详细解释了在JavaScript中使用`parseInt`方法时，通过`map`函数结合数组索引作为基数参数导致的意外结果。当基数参数为0（默认10进制）时，1转换为1；而基数为1或2时，2和3无法在相应进制下表示，因此返回NaN。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

详解parseInt

题目

let result = ['1', '2', '3'].map(parseInt)
console.log(result)

不用想结果也不会是1,2,3，不然就不会有这道题了，下面我们来剖析一下原理

原理

首先我们先将这段代码分解一下

['1', '2', '3'].map((val, index) => parseInt(val, index))
// 实际上的代码是这样的
parseInt('1', 0)
parseInt('2', 1)
parseInt('3', 2)

然后我们说一下parseInt这个方法的用法和参数
语法：parseInt(string, radix)

参数1：必须传入。被解析的字符串
参数2：可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间(也就是多少进制)。

也就是说parseInt(‘1’, 0)，第一个是字符串，第二个参数是多少进制，0是10进制，所以十进制的字符串’1’就是1；
parseInt(‘2’, 1)，1进制会有2吗，不会，所以是NaN；
parseInt(‘3’, 2)，2进制也不会出现3，所以也是NaN。
这样我们就能理解这段代码的打印结果了。

['1', '2', '3'].map((val, index) => parseInt(val, index))
// 实际上的代码是这样的
parseInt('1', 0)//1
parseInt('2', 1)//NaN
parseInt('3', 2)//NaN