Javascript 共通高階関数の詳細

Higher Order function 。英語ではHigher Order functionと呼ばれます。別の関数をパラメータとして受け取ることができる関数を高階関数と呼びます。

例：

関数 add(x, y, f) {
 f(x) + f(y) を返します。
}

//コードで検証:
追加(-5, 6, Math.abs); // 11

1. 一般的な高階関数

ES6配列にいくつかの新しいメソッドが追加されましたが、そのうちmap 、 reduce 、 filterすべて高階関数です。また、通常のsortも高階関数です。以下に3つの新しい方法を紹介します。

1.1、フィルター

filterは、配列をフィルタリングし、条件を満たすデータを返し、新しい配列を形成してそれを返し、条件を満たさないデータを破棄します。

例1:配列内の100未満のデータを取り出し、新しい配列に格納する

grad = [ 102, 188, 55, 66, 200, 800 ] とします。
arr2 = grad.filter( 関数(item){
 返品商品 <= 100
})
console.log("arr2",arr2) // 55, 66

上記の例では、 filterに渡されるパラメータは関数です。渡された関数は各要素に順番に作用し、戻り値がtrueかfalseかに基づいて要素を保持するか破棄するかを決定します。要件を満たすのは 55 と 66 のみなので、新しい配列にはこれら 2 つの要素のみが含まれます。

1.2、地図

マップとは地図を描くことを意味します。

元の配列は新しい配列にマップされ、元の配列は変更されずに、戻り値は新しい配列になります。新しい配列の長さは元の配列と変わりません。

例 2:データの各要素を 2 倍に拡大します。

arr2 = [ 55, 66 ] とする
arr3 = arr2.map( 項目 => {
 返品商品*2
})
//結果を返す [110, 132]

上記の例では、 mapが受け取るパラメータは関数であり、各要素に順番に作用して要素を 2 倍に拡大し、任意の複雑な操作を実行することもできます。

1.3、減らす

reduce配列を要約するプロセスです。多くの場合、配列が入力され、データの一部が出力されます。合計や平均の計算によく使用されます。

例 3:前の例で返された結果を合計します。

合計をarr3.reduce((tmp,item)=>{とする
 tmp+item を返す
})
//結果242を返す

さて、ここからが本題です。上記の 3 つの例を組み合わせた場合、最終的にどれだけシンプルに書けるでしょうか?

執筆責任者：

// 複雑な記述 let grad = [102,188,55,66,200,800]
arr2 = grad.filter(function(item){
 返品商品 <= 100
})
arr3 = arr2.map(item=>{ とする
 返品商品*2
})
合計をarr3.reduce((tmp,item)=>{とする
 tmp+item を返す
})

簡単な書き方:

// 簡単な書き方 let sum2 = grad
           .filter( 項目 => { 項目を返す <= 100 })
          .map(item=>{戻り値アイテム*2})
          .reduce((tmp,item)=>{tmp+itemを返す})

Javascript一般的な高階関数の詳細に関するこの記事はこれで終わりです。Javascript Javascript一般的な高階関数の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。