关于['1','2','3'].map(parsetInt)简单明白的原理分析

let arr = ['1','2','3']
let arr2 = arr.map(parseInt)

运行结果如下
在这里插入图片描述

为啥呐。首先来了解一下map 这个函数。map 函数接受两个参数,即array.map(function(currentValue,index,arr), thisValue) ,
在这里插入图片描述

即第一个参数是函数a,并且该函数a的第一个参数是当前元素的值,函数a的第二个参数是索引值,可选的,第三个参数也是可选的,传入的是数组对象。
此时,parseInt 方法接受两个参数。具体用法入下图:
在这里插入图片描述

那么也就是说当 [‘1’,‘2’,‘3’].map(parseInt) 的执行的时候,parseInt这个函数的参数就依次变成了 parseInt(‘1’,0),parseInt(‘2’,1), parseInt(‘3’,2), (ps:此时paseInt的第二个参数就是 当前数组的索引值,也就是map函数的用法。)。所以其实 真的代码运行的是这个:
[‘1’,‘2’,‘3’].map(parseInt) =[parseInt(‘1’,0),parseInt(‘2’,1),parseInt(‘3’,2)],
那么[parseInt(‘1’,0),parseInt(‘2’,1),parseInt(‘3’,2)], 对应的值是[1,NaN ,NaN]。

所以下面做一道练习题目:

let arr = ['1','1','1','1']
let arr2 = arr.map(parseInt)
console.log(arr2)

运行结果:
在这里插入图片描述
why? 原因无非就是
[parseInt(‘1’,0),parseInt(‘1’,1),parseInt(‘1’,2),parseInt(‘1’,3)]
其中 console.log(parseInt(‘1’,1)) 这个 输出的是NaN

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值