数组map方法小坑

数组遍历方法:map，这个方法可以用来遍历一个数组并返回一个新数组

const arr=[1,2,3,4];
arr.map(function(num){
 console.log(num);
});

这样就可以遍历数组并输出数组中的每一项了......

但是！！

前天看到这样一行代码，让我觉得很有意思

const arr=['1','2','3'];
var newArr=arr.map(parseInt);
console.log(newArr);

一开始我觉得答案肯定是[1,2,3]，但是当我尝试后，得到的结果让我大吃一惊！

[1, NaN, NaN]

这才是正确答案，我简直惊呆了

然后我就开始查阅资料，发现这个map方法会传入三个参数：遍历的元素，元素索引，数组本身！

const arr = ['1', '2', '3'];
    arr.map(function (param1,param2,param3) {
        console.log(param1);
        console.log(param2);
        console.log(param3);
    });

结果输出

 '1'
 0
 ["1", "2", "3"]
 '2'
 1
 ["1", "2", "3"]
 '3'
 2
 ["1", "2", "3"]

好了，到这为止，map的方法就ok了，可是为什么会出现NaN呢？

后来又去翻手册，发现parseInt这个坑，以前组长从没告诉我啊混蛋！

这个方法可以有第二个参数，用来指定进制！！！

所以刚才的问题就可以转化成这样了

    const newArr=[];
    for (let i = 0; i < arr.length; i++) {
        newArr.push(parseInt(arr[i],i));
    }
    console.log(newArr);

结果就是我们的

[1, NaN, NaN]

好了，这个小坑填上了！！！