map()和filter()深度详解

数组的map()和filter()方法使用频率非常高,两者用法极其类似

map()方法

       “map” 映射的意思,用法和forEach类似,callback(回调函数)的参数也一样

[].map(function(item,index,arr){

})

      map方法的作用不难理解，“映射”嘛，也就是原数组被“映射”成对应新数组。下面这个例子是数值项求平方：

var new_arr = [1,2,3,4].map(function(item){
            return item*item;
})
console.log(new_arr) //[1, 4, 9, 16]

      map方法的callback(回调函数)需要有return值,return的表达式或者值就是原数组每一项映射到新数组需要执行的操作

      map方法返回一个新数组,不会改变原数组

<hr>

关于map的面试题

["1", "2", "3"].map(parseInt);
肯定有很多人会说这不是[1,2,3]吗?非也，非也...
它返回的值为[1,NaN,NaN]
是不是很意外，这又是为什么呢？
因为map的callback函数有三个参数，正在遍历的元素, 元素索引(index), 原数组本身(array)。parseInt有两个参数，string和radix(进制)。只传入parseInt的话，map callback会自动忽略第三个参数array。而index参数不会被忽