站内搜索:
首页 >> 前端 >> 内容
数组map方法

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

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

好了,这个小坑填上了!

  • 上一篇:jQuery监听回车事件
  • 下一篇:jQuery去掉超链接点击时出现的虚线
  • 返回顶部