美文网首页
[10,20,30].map(parseInt)返回结果解析

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

作者: loushumei | 来源:发表于2020-08-24 19:34 被阅读0次

    话不多说,直接上结果:[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]

    相关文章

      网友评论

          本文标题:[10,20,30].map(parseInt)返回结果解析

          本文链接:https://www.haomeiwen.com/subject/bofojktx.html