聊聊Javascript常见的高阶函数

高阶函数，英文叫 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常见的高阶函数
文章URL：http://www.shufengxianlan.com/qtweb/news37/221887.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容