Javascript 常见的高阶函数详情
作者:前端人
这篇文章主要介绍了Javascript 常见的高阶函数的相关资料,高阶函数,英文叫 Higher Order function。一个函数可以接收另外一个函数作为参数,这种函数就叫做高阶函数,需要的朋友可以参考一下
高阶函数,英文叫 Higher Order function
。一个函数可以接收另外一个函数作为参数,这种函数就叫做高阶函数。
示例:
function add(x, y, f) { return f(x) + f(y); } //用代码验证一下: add(-5, 6, Math.abs); // 11
一、常见的高阶函数
ES6
中数组新增了几种方法,其中 map
、reduce
、filter
几个都是高阶函数,除此,普通的sort
也是高阶函数。分别介绍下新增的三个方法。
1.1、filter
filter
是过滤数组,返回满足条件的数据,组成一个新的数组返回,不满足条件的被丢弃。
实例1:取出数组中小于 100 的数据,放到一个新数组中
let grad = [ 102, 188, 55, 66, 200, 800 ] let arr2 = grad.filter( function(item){ return item <= 100 }) console.log("arr2",arr2)// 55, 66
上述实例中,filter
传入的参数是一个函数,传入的函数依次作用于每个元素,然后根据返回值是 true
或 false
决定保留还是丢弃元素。因为只有 55 66 两个满足条件,所以新的数组中只有这两个元素。
1.2、map
map 是映射的意思。
原数组被映射成一个新的数组,返回值是一个新数组,不改变原来的数组。新的数组与原数组的长度是不会改变的。
实例2:给数据每个元素放大 2 倍。
let arr2 = [ 55, 66 ] let arr3 = arr2.map( item => { return item*2 }) //返回结果 [ 110, 132 ]
上述实例,map
接收的参数是一个函数,该函数依次作用于每个元素,对元素放大了2倍,也可以对其进行任意的复杂操作。
1.3、reduce
reduce
是对数组进行汇总的,往往进去一个数组,出来是一个数据。经常用于求和和计算平均值。
实例3:对上个实例返回的结果进行求和。
let sum = arr3.reduce((tmp,item)=>{ return tmp+item }) //返回结果 242
重点来了,如果我们想把上边三个实例合并到一起执行,最终我们可以写得有多简单呢?
负责写法:
// 复杂写法 let grad = [102,188,55,66,200,800] let arr2 = grad.filter(function(item){ return item <= 100 }) let arr3 = arr2.map(item=>{ return item*2 }) let sum = arr3.reduce((tmp,item)=>{ return tmp+item })
简单写法:
//简单写法 let sum2 = grad .filter( item => {return item <= 100}) .map(item=>{return item*2}) .reduce((tmp,item)=>{return tmp+item})
到此这篇关于Javascript
常见的高阶函数详情的文章就介绍到这了,更多相关Javascript
常见的高阶函数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!