[‘1‘,‘2‘,‘3‘].map(parseInt)结果解析

一、问题说明

console.log(['1','2','3'].map(parseInt));//返回结果为[1,NaN,NaN]

二、map函数

1.map函数用法

var num = [4,5,6];
        var newNum = num.map((ele, index) => {
            console.log(index);//0，1，2
            return ele ;
        })
        //console.log(newNum);  // 4,5,6

map的参数是一个函数，两个分别是当前元素值和当前index值，以上注释中就是两个参数的输出情况。

三、parseInt函数

parseInt函数的用法及返回结果

    parseInt("2");//2----------1
    parseInt("s2");//NaN-------2
    parseInt("0x10");//16------3
    parseInt("f");//NaN--------4
    parseInt("f",16);//15------5
    parseInt("10",36);//36-----6
    parseInt("10",38);//NaN----7
    parseInt('9',8);//NaN------8

综上示例所示，parseInt函数包括两个参数，第一个是要进行数字类型转换的字符串，第二个是要转换的进制数，进制数范围是从1-36。转换规则是从第一个字符开始解析，遇到非数字字符结束，结果返回一个数字，如果待转换字符串的第一个字符是非数字字符则直接返回NaN。但是，如例4，例5，这种情况，第二个参数设置了N进制数，那么将会对该字符进行N进制转10进制，如若该字符大于N进制最大字符则依旧是NaN。

四、结果分析

依据以上两部分函数的解读，可以分析出['1','2','3'].map(parseInt)真实的执行过程

var arr = ['1','2','3'];
for(var index = 0;index < arr.length;index++){
   arr[index] = parseInt(arr[index],index);
    //parseInt('1',0)---当进制数参数为0时默认十进制，因此结果为 1
    //parseInt('2',1)---进制数为 1 则无法识别数字 2，返回NaN
    //parseInt('3',2)---同上
}
console.log(arr);//[1, NaN, NaN]