JavaScript で配列内の特定の値のインデックスを検索する 配列の要素を検索して、目的の値の位置を特定します。このインデックスは、配列内の値にアクセスまたは操作するための参照ポイントとして機能します。

Javaのプライムノーコード

例 1:

Input: ['apple', 'banana', 'cherry', 'orange'] N = 'cherry' Output: 2 Explanation: The index of the word cherry is 2>

これらは次のアプローチであり、これらを使用すると、値を持つ配列インデックスを見つけることができます。

目次

• IndexOf() メソッドの使用
• findIndex() メソッドの使用
• for ループの使用
• Lodash _.findIndex() メソッドの使用
• Reduce メソッドを使用する

IndexOf() メソッドの使用

• 果物の配列があり、要素「チェリー」のインデックスを見つけたいと考えています。
• 私たちが使用するのは、 の指標（） メソッドを使用して、fruits 配列内で「cherry」を検索すると、「cherry」のインデックス (2) が返されます。

例： この例は、上で説明したアプローチの実装です。

const fruits = ['apple', 'banana', 'cherry', 'orange']; const index = fruits.indexOf('cherry'); console.log(index); // Output: 2>

2>

findIndex() メソッドの使用

• の findIndex() メソッド JavaScript では、特定の条件またはテスト関数を満たす配列内の最初の要素のインデックスを取得するために使用されます。
• このメソッドは、テストに合格した最初の要素のインデックスを返します。テストに合格した要素がない場合は -1 を返します。 findIndex() メソッドは元の配列を変更しません。

例 ： この例は、上で説明したアプローチの実装です。

const array = [10, 20, 30, 40]; const index = array.findIndex(num =>数値> 25);コンソール.ログ(インデックス); // 出力: 2>>'  
  出力  
2>
  
    for ループの使用    
特定の値を持つ配列のインデックスを見つけるもう 1 つの方法は、for ループを使用して配列を反復処理し、各要素を値と比較することです。
ループは数値配列の各要素を反復処理し、現在の要素が 30 に等しいかどうかを確認します。
要素 30 がインデックス 2 で見つかると、break ステートメントを使用してループが終了し、インデックス 2 がインデックス変数に格納されます。
最後に、インデックス変数がコンソールに記録され、2 が出力されます。
    例 ：    この例は、上で説明したアプローチの実装です。
Javaのjvm
JavaScript 
const arraynumbers = [10, 20, 30, 40]; let index = -1; for (let i = 0; i < arraynumbers.length; i++) {  if (arraynumbers[i] === 30) {  index = i;  break;  } } console.log(index); // Output: 2>
   
  出力  Lodash _.findIndex() メソッドの使用
このアプローチでは、関数に JavaSCript のライブラリである lodash を使用しています。
機能が組み込まれています _.findIndex() これは、指定された値のインデックスを見つけるために使用できます。
配列の指定された値を渡す必要があり、インデックス番号が返されます。
    例：    この例は、上で説明したアプローチの実装です。
JavaScript 
// Requiring the lodash library const _ = require('lodash'); // Original array let array1 = [4, 2, 3, 1, 4, 2] // Using lodash.findIndex let index = _.findIndex(array1, (e) =>{ リターン e == 1; }, 0); // 元の配列を出力 console.log('original Array: ', array1) // インデックスを出力 console.log('index: ', index)>>' 
    出力：    
 
original Array: [ 4, 2, 3, 1, 4, 2] index: 3>
 
Reduce メソッドを使用する
の リデュースメソッド 配列要素を反復処理し、それぞれをターゲット値と比較します。値が見つかるとインデックスを返し、アキュムレータを更新します。それ以外の場合は、-1 を返します。
 
    例：    この例では、reduce メソッドが配列内の各項目を反復処理します。現在の項目が検索している値と一致し、アキュムレータがまだ -1 の場合 (項目がまだ見つかっていないことを意味します)、現在のインデックスを返します。
JavaScript 
const fruits = ['apple', 'banana', 'cherry', 'orange']; const value = 'cherry'; const index = fruits.reduce((acc, item, currentIndex) =>{ if (item === value && acc === -1) { return currentIndex;  戻り値acc; }, -1);コンソール.ログ(インデックス);>>
   
  出力