[10,20,30].map(parseInt)返回结果解析

话不多说,直接上结果:[10, NaN, NaN]

剖析使用的方法和参数:
  • map的参数和返回值

map() 方法定义在JavaScript的Array中, 它返回一个新的数组, 数组中的元素为原始数组调用函数处理后的值。
array.map(function (currentValue, index, arr), thisIndex).
currentValue: 必须。 当前元素的的值。
index: 可选。 当前元素的索引。
arr: 可选。 当前元素属于的数组对象。
thisIndex可选。 对象作为该执行回调时使用, 传递给函数, 用作 "this"的值。

  • parseInt参数和返回值

parseInt() 函数可解析一个字符串, 并返回一个整数。
parseInt(string, radix).
string 要被解析的字符串。
radix 表示要解析的数字的基数。 该值介于 2~36 之间。如果省略该参数或其值为 0, 则数字将以 10 为基础来解析。 如果它以“ 0x” 或“ 0X” 开头, 将以 16 为基数。
如果该参数小于 2 或者大于 36, 则 parseInt() 将返回 NaN

代码拆解:

[10, 20, 30].map((num,index)=>{
    return parseInt(num,index)
})
问题解析:

parseInt方法有两个参数,默认接受了来自map方法的前两个参数,map的前两个参数分别是遍历的值和索引;
所以parseInt接收到的三个组值得情况分别是:

parseInt(10,0):数字基数为0,数字以 10进制解析,故结果为 10;
parseInt(20,1):数字基数为1,数字以 1进制解析,1进制出现了2,1进制无法解析,结果返回NaN;
parseInt(30,2):数字基数为2,数字以 2进制解析,2进制出现了3,3进制无法解析,结果返回NaN;

所以最终结果为:[10, NaN, NaN]

你可能感兴趣的:(javascript)