javascriptフィルター

| | | | | | | | | | | | | | | | | | | | | | | | |

JavaScript()フィルターメソッドは、既存の配列から要素の配列を作成します。 filter()メソッドは、引数としてコールバック関数を取ります。この関数は、アイテムを既存のリストから新しいリストに追加する必要があるかどうかを評価します。

わからない場合は JavaScript 、Javascript関数 filter()およびreduce()について聞いたことがないかもしれません。これらの関数は、配列とも呼ばれるオブジェクトのリストを操作するときに役立ちます。

配列から特定の値のみを取得する場合は、次のようにする必要があります。 filter()JavaScript関数を使用できます。このチュートリアルでは、例を参照して、filter()関数の使用方法を説明します。

アレイ名を更新

JavaScript配列は0個以上の要素を格納します。要素は、数値、他の配列、文字列、または他のタイプのデータを使用できます。 「0」で始まる番号付きインデックスを使用して特定のアイテムにアクセスします。

配列を使用すると、同じ変数に複数の値を格納できます。値を格納するために複数の変数を記述する必要がないため、より適切でクリーンな記述に役立ちます。

JavaScript配列の例を次に示します。

JavaScriptフィルター配列

JavaScript配列filter()メソッドは、既存の配列の内容に基づいて新しい配列を作成します。 filter()メソッドは、既存の配列の各要素でコールバック関数を評価します。コールバック関数の条件を満たすものはすべて新しいリストに追加されます。

フィルターメソッドを使用して、特定の条件を満たす値を取得し、それらを新しい配列に追加できます。

JavaScript配列フィルター構文

フィルターメソッドは次の構文を使用します:

このコードは、配列「oldArr」の内容に基づいて「newArr」という名前の配列を定義します。条件が満たされた場合、コールバック関数は新しい配列に値を返します。条件の例:

  • 要素>5
  • 要素=="ジェシー"
  • 要素<3

JavaScript比較演算子を使用して、条件を作成できます。または、ifステートメントを使用できます。 ifステートメントを使用すると、複数の値のどれを新しいリストに追加するかを制御できます。

JavaScriptフィルターの例

数値のリストをフィルター処理する

まずは簡単な例。カフェに買い物リストがあります。 10ドル以上の購入を示す新しいリストを作成したいと思います。

ショッピングリストは次のようになります。

filter()メソッドを使用して、10ドルを超える値の購入を取得できます。

プログラムは、購入額が10ドルを超えるかどうかを確認します。10ドルを超える場合は、 big_purchasesリストに追加されます。購入は省略されます。

big_purchases JavaScript変数の値は次のとおりです。

filter()メソッドは、定義したテストで超過したすべての要素を返します。このテストは「アイテム>10」です。各購入にアクセスしたい場合は、元の「購入」リストを参照できます。 filter()メソッドは、10ドルを超える値の配列を返します。

オブジェクトの配列をフィルター処理します

学校の全員の名前を含む配列があります。 :

そして、1年生の生徒だけを回復したい場合はどうでしょうか。 Filter()を使用するとこれが簡単になります。 「students」配列のすべての1年生を返す関数を書いてみましょう。

Filter()は1つのパラメーターを受け入れます。これは、データに対して実行するアクションを決定する関数です。

function()フィルターは、「students」配列内の各オブジェクトを調べます。 filter()は、クラスが「1年目」に等しい生徒を返します。演算子"==="は等式を意味します。

フィルター関数は、これらの新しい値を使用して新しい配列を作成し、「firstGradeStudents」変数からアクセスできます。