您的位置:首页 > Web前端 > JavaScript

如何实现js的map和filter函数

2017-08-05 22:28 507 查看
总结自如何实现JavaScript的Map和Filter函数?

这篇文章一步一步地从一个普通的for循环开始抽象出map与filter函数,我这里直接写了结果。

js中数组的两个方法:map和filter,前者返回一个对每一项进行函数调用的结果组成的数组,后者则返回那些调用函数结果为true的项。

自定义map:

function map(arr,func){
var newArr = [];
for(var i=0;i<arr.length;i++){
newArr[i] = func(arr[i],i,arr);
}
return newArr;
}


使用一下:

var arr = [1,2,3]
var res = map(arr,function(item){
return item*2;
})

console.log(res) //2,4,6


自定义map函数中之所以要
func(arr[i],i,arr)
这样调用,是为了对应原生map方法传到function中的item、index和arr三项。

同理,也可以实现filter函数:

function filter(arr,func){
var newArr = [];
for(var i=0;i<arr.length;i++){
if(func(arr[i],i,arr)){
newArr.push(arr[i]);
}
}
return newArr;
}


var arr = [1,2,3]
var res = filter(arr,function(item){
return item>=2;
})

console.log(res) //2,3
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript