JavaScript中的高阶函数

高阶函数: 可以讲函数作为参数或者返回值的函数称之为高阶函数

以下是几个内置的高阶函数

 1.map方法: 通过数组中的每个元素作为参数来调用提供的回调函数，并且使用回调函数中的返回值创建一个新的数组

var arr1 = [1,2,3]
var arr2 = arr1.map(function (item) {
    return item * item;
})
console.log(arr2)

2.reduce方法: 通过数组中的每个元素执行回调函数 然后单个输出值
  arr.reduce(callback, initialValue) callback接收四个参数: accumulator currentValue currentIndex sourceArray
  如果没有提供初始值, 则accumulator 等于数组中的第一个元素, currentValue等于数组中的第二个元素
  每次accumulator都会保留从reduce函数返回的先前操作的结果, 并将currentValue设置为当前的数组元素
  数组遍历结束后将最终结果返回

var arr1 = [1,2,3]
var arr2 = arr1.reduce(function (accumulator, currentValue) {
    return accumulator * currentValue;
})
console.log(arr2)

3. filter方法: 返回一个新的数组, 该数组中包含了所有通过回调函数校验的元素
   arr.filter(callback) callback接受三个参数: element index array

var arr1 = [{name: "Z", sex: "man"},
    {name: "L", sex: "woman"},
    {name: "W", sex: "man"},
    {name: "M", sex: "woman"}
]
var arr2 = arr1.filter(function (element) {
    return element.sex==="man"
})
console.log(arr2)

4. 自定义高阶函数

function mapForEach(arr, callback) {
    var resArr = []
    for(var i = 0;i<arr.length;i++)
        resArr.push(callback(arr[i]))
    return resArr
}

function fn(item) { return item * 3; }

var resArr = mapForEach([1,2,3], fn)
console.log(resArr)