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

js map, reduce, forEach, filter的一般实现

2015-08-01 22:27 621 查看
js map, reduce, forEach, filter的一般实现

map(映射), reduce(规约), forEach(遍历), filter(过滤),它们都是高阶函数,都是以传入不同的函数来以不同的方式操作数组元。

1> map

function map(array, func) {
  var res = [];
  for (var i = 0, len = array.length; i < len; i++) {
    res.push(func(array[i]));
  }
  return res;
}
var res = map([1, 2, 3], function(n){
  return n + 3;
});
console.log(res);// [4, 5, 6]


2>reduce

function reduce(array, func, initialValue){
  var result = initialValue;
  for(var i = 0, len = array.length; i < len; i++){
    result = func.apply(null, [result].concat(array[i]));
  }
  return result;
}
var res = reduce([1, 2, 3], function(previousValue, currentValue){
  return previousValue + currentValue;
}, 0);
console.log(res);// 6


3>forEach
function forEach(array, func){
  for (var i = 0, len = array.length; i < len; i++) {
    func(array[i]);
  }
}
forEach([1, 2, 3], function(n){
  console.log(n);// 1 \n 2 \n 3
});


4>filter

function filter(array, func){
  var res = [];
  for(var i = 0, len = array.length; i < len; i++){
    if(typeof func(array[i]) !== 'undefined'){
      res.push(array[i]);
    }
  }
  return res;
}
var res = filter([1, 2, 3], function(n){
  if(n % 2 == 1){
    return n;
  }
});
console.log(res);// [1, 3]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: