[[422538]]

高階函數，英文叫 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})