Javascript教程（十）高阶函数

一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数

function add(x, y, f) {
    return f(x) + f(y);
}

以下这些都是作用于数组的高阶函数

1. map()高阶函数
map的调用者是数组，map传入的参数是函数对象，它的作用是对数组的每个元素执行传入的函数。

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(String); // ['1', '2', '3', '4', '5', '6', '7', '8', '9']   //传入String函数

2. reduce()高阶函数
reduce函数的调用者是数组。参数是函数，但是这个函数必须接收两个参数，reduce()把结果继续和序列的下一个元素做累积计算
比方说对一个Array求和，就可以用reduce实现

var arr = [1, 3, 5, 7, 9];
arr.reduce(function (x, y) {
    return x + y;
}); // 25

3. filter（）
它用于把Array的某些元素过滤掉，然后返回剩下的元素。Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。

比如，把一个数组中的空字符串删掉：

var arr = ['A', '', 'B', null, undefined, 'C', '  '];
var r = arr.filter(function (s) {
    return s && s.trim(); // 注意：IE9以下的版本没有trim()方法
});
r; // ['A', 'B', 'C']

4. sort

[10, 20, 1, 2].sort(); // [1, 10, 2, 20]  无法理解的结果:

这是因为Array的sort()方法默认把所有元素先转换为String再排序，结果'10'排在了'2'的前面，因为字符'1'比字符'2'的ASCII码小.

sort也是一个高阶函数，可以接受一个函数，自己定义排序规则。

var arr = [10, 20, 1, 2];
arr.sort(function (x, y) {
    if (x < y) {
        return 1;
    }
    if (x > y) {
        return -1;
    }
    return 0;
}); // [20, 10, 2, 1]