您现在的位置:首页 >> 前端 >> 内容

数组map方法

时间:2017/3/29 9:13:36 点击:

  核心提示:数组map方法:数组遍历方法:map,这个方法可以用来遍历一个数组并返回一个新数组。const arr=[1,2,3,4];arr.map(function(num){ console.log(num...

数组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]

好了,这个小坑填上了!

Tags:数组 组M MA AP 
作者:网络 来源:不详