JavaScript学习之路08_高阶函数

高阶函数

这是一个简单地高阶函数：

//函数作为参数function add(x, y, fun){     return fun(x)+fun(y)};//调用函数add(-5, 6, Math.abs);11

什么是高阶函数？

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

map/reduce

map()方法定义在JavaScript的Array中，我们调用Array的map()方法，传入我们自己的函数，就得到了一个新的Array作为结果.

function pow(x)  {    return x*x};var arr = [1,2,3,4,5,6,7,8];//调用map函数，它的返回结果是一个新的Arrayarr.map(pow);[1, 4, 9, 16, 25, 36, 49, 64]

map除了这个功能，还有其他的功能没？当然后，除了可以完成简单地运算，还可以完成复杂的函数，比如将Array的所有数字都变成字符串，并且只需要一句代码即可完成。

arr.map(String);["1", "2", "3", "4", "5", "6", "7", "8"]

reduce高阶函数
reduce的用法：
Array的reduce()把一个函数作用在这个Array的[x1, x2, x3…]上，这个函数必须接收两个参数，reduce()把结果继续和序列的下一个元素做累积计算，其效果就是：

[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)//当然，这个函数的功能如果是累加，那么就是相加，如果使相乘，那么就是累积

//实现相加var arr = [1,3,5,7,9];arr.reduce(function(x,y){    return x+y; });25//实现相乘var arr = [1,2,3,4];arr.reduce(function(x, y){    return x*y;});24//传递一个数组，实现累积function produce(arr){arr.reduce(function(x,y){return x*y;});}//测试if (product([1, 2, 3, 4]) === 24 && product([0, 1, 2]) === 0 && product([99, 88, 77, 66]) === 44274384) {    alert('测试通过!');}else {    alert('测试失败!');}//将数组中的数字拼接成一个连数var arr = [1,3,5,7,9];arr.reduce(function(x, y){    return x*10+y;});//运行结果如下13579

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

****var arr = [1,2,3,4,6,7,8,0];arr.filter(function(x){    //将奇数过滤掉    return x%2!==1;});//运行结果[2, 4, 6, 8, 0]//过滤空元素var arr = ['hello', '', null, 'world'];arr.filter(function(x){return x && x.trim();});["hello", "world"]//返回的是一个布尔类型的值，要么是true，要么是false，如果返回的不是布尔类型，就会报错arr.filter(function(x){return x.trim();});**案例：**请尝试用filter()筛选出素数    return arr.filter(function (x) {        var filter = 1;          for (var i = 2; i < x; i++) {            if ((x / i) % 1 === 0) {                filter = 0;            }        }        if (x === 1) {            filter = 0;        }        return filter;    });

sort高阶函数

var arr = [1,2,10,3];arr.sort();[1, 10, 2, 3]为什么呢？因为Array的sort()方法默认把所有元素先转换为String再排序，结果'10'排在了'2'的前面，因为字符'1'比字符'2'的ASCII码小。但是可以自定义，所以如下：arr.sort(function(x, y){    if(x>y) {        return -1;     }    if(x<y){        return 1;    }});[10, 3, 2, 1]//sort方法改变了原来数组的顺序arr;[10, 3, 2, 1]//定义一个数组var arr = ['google', 'apple', 'microsoft'];//进行排序arr.sort(function(x, y){    s1 = x.toUpperCase();     s2 = y.toUpperCase();     if(s1<s2){         return -1;     }     if(s1>s2){        return 1;    }    });["apple", "google", "microsoft"]//定义一个数组var arr = [1,4,2];//进行排序var arr2 = arr.sort();//改变了原来数组的顺序arr;[1, 2, 4]arr2;[1, 2, 4]//两个数组比较相等，说明是同一个对象arr === arr2;true