JavaScript の find() メソッドは、提供されたテスト関数を満たす最初の要素を返します。空のスロットを無視して各配列要素を反復処理し、一致するものが見つからない場合は unknown を返します。元の配列は変更されません。

構文：

array.find(function(currentValue, index, arr), thisValue)>

パラメーター :

• function(currentValue, index, arr)> : 条件を満たす最初の要素が見つかるまで、配列内の各値に対して実行する関数。これには 3 つのパラメータが必要です。
  • currentValue> : 配列内で処理されている現在の要素。
  • index> (オプション): 配列内で処理されている現在の要素のインデックス。
  • arr> (オプション): 配列find()>呼び出されました。
• thisValue> (オプション): として使用する値this>コールバック関数を実行するとき。

戻り値 :

配列内のいずれかの要素が条件を満たす場合は配列要素の値を返し、それ以外の場合は未定義を返します。

例： この例では、配列内の最初の正の要素を検索します。 find() メソッドは配列を反復処理し、0 より大きい最初の要素を返します。結果をコンソールに記録します。

Javaは文字を文字列にキャストします

// Input array contain some elements. let array = [-10, -0.20, 0.30, -40, -50]; // Method (return element>0)。 let found = array.find(function (element) { return element> 0; }); // 必要な値を出力します。 console.log(見つかった);>>

0.3>

例： この例では、配列内の 20 より大きい最初の要素を検索します。 find() メソッドを使用して配列を反復処理し、条件を満たす最初の要素を返します。最後に、結果 (30) をコンソールに記録します。

// Input array contain some elements. let array = [10, 20, 30, 40, 50]; // Method (return element>10)。 let found = array.find(function (element) { return element> 20; }); // 必要な値を出力します。 console.log(見つかった);>>

30>

例： この例では、配列内の 4 より大きい最初の要素を見つけることを目的としています。これは find() メソッドを使用し、一致する要素が見つかるまで配列を反復処理します。結果 (「7」) をコンソールに記録します。

// Input array contain some elements. let array = [2, 7, 8, 9]; // Provided testing method (return element>4)。 let found = array.find(function (element) { return element> 4; }); // 必要な値を出力します。 console.log(見つかった);>>

7>

JavaScript 配列の find() メソッド – 使用例:

以下は、Array find() メソッドのいくつかのユースケースです。

1. JavaScript 配列の findIndex() メソッド

JavaScript Array.findIndex() メソッドは、指定されたテスト関数 (呼び出し中にユーザーによって渡される) を満たす、指定された配列内の要素の最初のインデックスを返すために使用されます。それ以外の場合、データが見つからない場合は、値 -1 が返されます。

2. JavaScript で配列内の項目を検索するさまざまな方法

これらは次の方法です。

• find() メソッドの使用
• findIndex() メソッドの使用
• include() メソッドの使用
• some() メソッドの使用
• IndexOf() メソッドの使用
• filter() メソッドの使用
• Every() メソッドの使用

3. JavaScript で配列内の項目を検索する最良の方法

項目が JavaScript 配列内にあるかどうかを確認するために最も一般的に使用されるメソッドは次のとおりです。

• include() メソッドの使用
• IndexOf() メソッドの使用
• find() メソッドの使用
• Array.some() メソッドの使用

サポートされているブラウザ:

• Google Chrome 45.0
• マイクロソフトエッジ12.0
• モジラ Firefox 25.0
• サファリ7.1
• オペラ 32.0