js中的map(parseInt)问题

廖雪峰老师的js中有这样一个例子:小明希望利用map()把字符串变成整数,他写的代码很简洁:

'use strict';

var arr = ['1', '2', '3'];
var r;

r = arr.map(parseInt);

console.log(r);

结果竟然是1, NaN, NaN,小明百思不得其解,请帮他找到原因并修正代码。


按照常理来说,map将函数对象作为其参数,迭代遍历数组的每个元素,并为每个元素调用一次函数,将元素值作为参数传递。这些函数调用的结果累积到一个新数组中。parseInt是内置函数,它尝试将字符串解析为数字并返回,如果无法解析为数字则返回NaN。所以上述例子应该显示1,2,3。那么问题出在哪?


根据map文档可知,map()语法:

var new_array = arr.map(function callback(currentValue[, index[, array]]) {
    // Return element for new_array
}[, thisArg])

callback:产生新数组元素的函数,带有三个参数:currentValue、index和array
所以,所以例子中的parseInt函数应该是:parseInt(“1”,0,arr)、parseInt(“2”,1,arr)、parseInt(“3”,2,arr)。

那么我们再来看看parseInt这个内置函数,根据parseInt文档,parseInt(语法):

parseInt (string , radix)

parseInt函数根据指定的基数radix生成一个整数值,该值由字符串参数string的内容解释决定。字符串中的前导空格被忽略。如果基数未定义或为0,则默认是10。
例如:parseInt(‘1’)、parseInt(‘1’,0)以及parseInt(‘1’,10),结果都是1。
同理:parseInt(‘ABCD’,16)结果为43981,而parseInt(‘ABCD’,8)结果为NaN

由此可见:
由于parseInt中只需要两个参数,parseInt(“1”,0,arr)、parseInt(“2”,1,arr)、parseInt(“3”,2,arr)实为parseInt(“1”,0)、parseInt(“2”,1)、parseInt(“3”,2)。只有parseInt(“1”,0)是能够被正确解析的,结果为1,parseInt(“2”,1)、parseInt(“3”,2)不能被正确解析,结果为NaN。


修改例子:

r = arr.map(Number);

r = arr.map(function (value){
    return parseInt(value);
});
  • 13
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值