Javascript 共通高階関数の詳細

Javascript 共通高階関数の詳細

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

例:

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

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

1. 一般的な高階関数

ES6配列にいくつかの新しいメソッドが追加されましたが、そのうちmapreducefilterすべて高階関数です。また、通常の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に渡されるパラメータは関数です。渡された関数は各要素に順番に作用し、戻り値がtruefalseかに基づいて要素を保持するか破棄するかを決定します。要件を満たすのは 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 をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScriptの高階関数の詳細な説明
  • JavaScriptの高階関数の詳細な研究
  • JavaScript 関数型プログラミングにおける高階関数の使用法の分析
  • JS高階関数の原理と使用例の分析
  • JavaScriptの高階関数の魅力を徹底解説
  • JSの高階関数5つを共有する

<<:  MySQL で削除されたレコードが有効にならない理由のトラブルシューティング

>>:  http.server に基づく LAN サーバーの構築プロセスの分析

推薦する

MySQLのインストールと設定方法のグラフィックチュートリアル(CentOS7)

1. システム環境[root@localhost ホーム]# cat /etc/redhat-re...

JavaScript プロトタイプとプロトタイプチェーンの詳細

目次1. プロトタイプ(明示的なプロトタイプ) 2. __proto__ (暗黙のプロトタイプ) 3...

MySQLは、統計クエリを最適化するために、sum、case、whenを巧みに使用します。

私は最近、会社で統計レポートの開発に関わるプロジェクトに取り組んでいました。データの量が比較的多かっ...

Linux 上で Python3.6 をコンパイルしてインストールするための詳細なチュートリアル

1. まず、公式ウェブサイト https://www.python.org/downloads/so...

高品質なウェブページのデザイン方法 高品質なウェブページ(画像とテキスト)のデザイン経験

オープンプラットフォームの増加に伴い、そこから派生するさまざまなアプリケーションサービスも増加傾向に...

意外と知らないJSのループ速度テストのいろいろを徹底解説

目次序文1. forループ2. whileループとdo-whileループ3. forEach、map...

Linux での MySql centos7 のバイナリコンパイルとインストールに関するチュートリアル

// これをインストールするのに丸一日かかったので、記録するためにメモを書きました。 //何か問題が...

MySql の知識ポイント: トランザクション、インデックス、ロックの原則、使用状況の分析

この記事では、トランザクション、インデックス、ロックなどの MySQL の知識ポイントの原理と使用法...

HTML を使用して IE8 および IE9 の互換表示モードを無効にするヒント

IE 8 以降では互換モードが追加され、これを有効にすると IE の下位バージョンでレンダリングされ...

SSL で Nginx リバース プロキシを構成する簡単な手順

序文リバース プロキシは、Web 経由で行われたリクエスト (http と https の両方) を...

Mysqlは日付範囲の抽出方法を指定します

データベースを操作する過程では、いくつかの指標を日付別にまとめたり、一定期間内の合計金額をカウントし...

jQueryで劇場の座席選択と予約の効果を実現

jQueryは劇場の座席選択と予約の効果を実現します。参考までに、具体的な内容は次のとおりです。効果...

MySQL 権限昇格のさまざまな形態の概要

目次1. Webshel​​lを書く出力ファイルにシェルを書き込むログファイル書き込みシェル2. U...

CN2、GIA、CIA、BGP、IPLC はどういう意味ですか?

CN2ラインとは何ですか? CN2 は、China Telecom Next Carrier Ne...

MySQL 8.0.18 のインストールと設定方法のグラフィック チュートリアル (Linux)

この記事では、Linux MySQL 8.0.18のインストールと設定のグラフィックチュートリアルを...