利用 map 快速将字符串转换为数字

渔樵_

已于 2023-05-26 17:50:57 修改

阅读量420

点赞数

分类专栏：前端 JS 文章标签： javascript 前端

于 2023-05-26 17:50:21 首次发布

本文链接：https://blog.youkuaiyun.com/Joe_yuqiao/article/details/130891630

版权

前端同时被 2 个专栏收录

34 篇文章

订阅专栏

1 篇文章

订阅专栏

文章解释了在JavaScript中使用`map()`方法时，用`Number`和`parseInt`作为回调函数的区别。当用`parseInt`时，由于忽略了第二个参数`radix`，导致意外的结果。例如，`parseInt(2,1)`返回`NaN`，因为没有一进制。而`Number`函数只接受一个参数，避免了这个问题。

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

现象：

当使用Number时

let arr = ['1', '2', '3'];
let r = arr.map(Number);
console.log(r); // 1,2,3

改用parseInt的结果却出人意料：

let arr = ['1', '2', '3'];
let r = arr.map(parseInt);
console.log(r); // 1,NaN,NaN

原因

由于map()接收的回调函数可以有3个参数：callback(currentValue, index, array)，通常我们仅需要第一个参数，而忽略了传入的后面两个参数。但是parseInt(string, radix)没有忽略第二个参数，导致实际执行的函数分别是：

parseInt('1', 0); // 1, 按十进制转换

parseInt('2', 1); // NaN, 没有一进制

parseInt('3', 2); // NaN, 按二进制转换不允许出现3

可以改为r = arr.map(Number);，因为Number(value)函数仅接收一个参数。