c++tostring函数不能识别_Js几种常见的高阶函数！

概念

高阶函数&＃xff1a;英文叫Higher-order function。Javascript 的函数其实都指向某个变量。既然变量可以指向函数的话&＃xff0c;那么函数的参数也就能接收变量&＃xff0c;那么一个函数就可以接受另一个函数作为参数&＃xff0c;这就称之为高阶函数&＃xff01;

1.1 一个简单的高阶函数代码块&＃xff01;


function add(x, y, f) {
    return f(x) &＃43; f(y);
}
//当调用add(-5, 6, Math.abs)时&＃xff0c;参数x&＃xff0c;y和f分别接收-5&＃xff0c;6和函数Math.abs&＃xff0c;根据函数定义&＃xff0c;可以推导计算过程为&＃xff1a;
//x &＃61; -5;
//y &＃61; 6;
//f &＃61; Math.abs;
//f(x) &＃43; f(y) &＃61;&＃61;> Math.abs(-5) &＃43; Math.abs(6) &＃61;&＃61;> 11;
//return 11;

//用代码验证一下&＃xff1a;
add(-5, 6, Math.abs); // 11

简单介绍三个高阶函数也是开发中较为常见的&＃xff01;

map / reduce 、由于map方法定义在Javascript的Array中&＃xff0c;我们调用的Array的map( ) 方法&＃xff0c;传入我们自己的函数就得到一个新的Array作为一个结果&＃xff1a;

(1)、map( )

function pow(x) {
    return x * x;
}

var arr &＃61; [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(pow); // [1, 4, 9, 16, 25, 36, 49, 64, 81]

//map()传入的参数是pow&＃xff0c;即函数对象本身。

//不需要map()&＃xff0c;写一个循环&＃xff0c;也可以计算出结果&＃xff1a;

var f &＃61; function (x) {
    return x * x;
};
var arr &＃61; [1, 2, 3, 4, 5, 6, 7, 8, 9];
var result &＃61; [];
for (var i&＃61;0; i    result.push(f(arr[i]));
}
//的确可以&＃xff0c;但是&＃xff0c;从上面的循环代码&＃xff0c;我们无法一眼看明白“把f(x)作用在Array的每一个元素并把结果生成一个新的Array”。


(2)、reduce

再看reduce的用法。Array的reduce()把一个函数作用在这个Array的[x1, x2, x3...]上&＃xff0c;这个函数必须接收两个参数&＃xff0c;reduce()把结果继续和序列的下一个元素做累积计算&＃xff0c;其效果就是&＃xff1a;

var arr &＃61; [1, 3, 5, 7, 9];
arr.reduce(function (x, y) {
    return x &＃43; y;
}); // 25
们无法一眼看明白“把f(x)作用在Array的每一个元素并把结果生成一个新的Array”。


(3)、filter 

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

//例如&＃xff0c;在一个Array中&＃xff0c;删掉偶数&＃xff0c;只保留奇数&＃xff0c;可以这么写&＃xff1a;
var arr &＃61; [1, 2, 4, 5, 6, 9, 10, 15];
var r &＃61; arr.filter(function (x) {
    return x % 2 !&＃61;&＃61; 0;
});


r; // [1, 5, 9, 15] //得到过滤出的奇数值 很多业务场景都很好用 根据个人需求而定&＃xff01;


filter在回到这里我们讲细一点

var arr &＃61; [&＃39;A&＃39;, &＃39;B&＃39;, &＃39;C&＃39;];
var r &＃61; arr.filter(function (element, index, self) {
    console.log(element); // 依次打印&＃39;A&＃39;, &＃39;B&＃39;, &＃39;C&＃39;
    console.log(index); // 依次打印0, 1, 2
    console.log(self); // self就是变量arr
    return true;
});

//利用filter&＃xff0c;可以巧妙地去除Array的重复元素&＃xff1a;

&＃39;use strict&＃39;;
var r,
arr &＃61; [&＃39;apple&＃39;, &＃39;strawberry&＃39;, &＃39;banana&＃39;, &＃39;pear&＃39;, &＃39;apple&＃39;, &＃39;orange&＃39;, &＃39;orange&＃39;, &＃39;strawberry&＃39;];
r &＃61; arr.filter(function (element, index, self) {
    return self.indexOf(element) &＃61;&＃61;&＃61; index;
});
alert(r.toString());
//去除重复元素依靠的是indexOf总是返回第一个元素的位置&＃xff0c;后续的重复元素位置与indexOf返回的位置不相等&＃xff0c;因此被filter滤掉了。


强调&＃xff1a;filter去重上面这个当然不是最好的方法&＃xff0c;只是告诉大家让你回顾一下围绕着filter去做一个简单的demo!