配列のindexOf関数とfindIndex関数の違い

2つの関数indexOfの違いと配列内のインデックスの検索で混乱しています。

ドキュメントは言う

findIndex-述語がtrueである配列の最初の要素のインデックスを返し、それ以外の場合は-1を返します。

そして

indexOf-配列内で最初に出現する値のインデックスを返します。

主な違いは、これらの関数のパラメーターです。

• Array.prototype.indexOf()期待する値を最初のパラメータとして。このため、プリミティブ型（文字列、数値、ブール値など）の配列でインデックスを検索することをお勧めします。

• Array.prototype.findIndex()期待していたコールバックを最初のパラメータとして。これは、非プリミティブ型（オブジェクトなど）の配列でインデックスが必要な場合、または検索条件が単なる値よりも複雑な場合に使用します。

両方のケースの例については、リンクを参照してください。

FindIndexは、述語に一致する最初の要素を検索する場合に役立ちます。W3Cの例では、顧客の年齢が18歳以上の場合に数字と一致があります。

var ages = [3, 10, 18, 20];

function checkAdult(age) {
    return age >= 18;
}

console.log(ages.findIndex(checkAdult));

コンソール：

2

ArrayのindexOf関数で正確な要素インデックスを見つけることができますが、述語を渡すことはできません。特定の要素を見つけたい場合は、より高速です。

var ages = [3, 10, 18, 20];
console.log(ages.indexOf(10));

戻り値：

1

インデックスのカウントは0から始まるため、最初の要素のインデックスは0です。

主な違いは、これらの関数のパラメーターです。

-> Array.prototype.indexOf（）：

   var fruits = ["Banana", "Orange", "Apple", "Mango"];
   var a = fruits.indexOf("Apple");
   The result of a will be: 2

-> Array.prototype.findIndex（）：

       var ages = [3, 10, 18, 20];

       function checkAdult(age) {
        return age >= 18;
       }

       function myFunction() {
         document.getElementById("demo").innerHTML = 
         ages.findIndex(checkAdult);
       }

       The result will be: 2

あなたも使うことができますincludes：

[1, 2, 3].includes(2);      // true
[1, 2, 3].includes(4);      // false
[1, 2, 3].includes(3, 3);   // false

しかし、私はindexOf方法を好みます：

var vals = [ "foo", "bar", 42, "baz" ];
if (~vals.indexOf( 42 )) {
  // found it!
}

もう1つの違いは、findIndex（）を使用すると、ユーザーが関数を適用して、テストに合格した配列の要素を見つけることができることです。

しかし、indexOf（）演算子では同じことが当てはまりません。ユーザーは、特定の要素が配列に存在するかどうかを確認できます。

シンプル-どのような配列構造を使用していますか？

• オブジェクトの配列の場合、findIndex();
• そうでなければ、indexOf()。

「オブジェクトの配列のインデックスを、「オレンジ」のキーで検索したい。

let fruits = [
   { type: "Apple", quantity: 9 },
   { type: "Banana", quantity: 2},
   { type: "Orange", quantity: 8},
   { type: "Pear", quantity: 777}
];

let myIndex = fruits.findIndex(fruit => fruit.type === "Orange"); // Returns 2.

「単純な配列でインデックスを見つけたい」

let fruits = [ "Apple", "Banana", "Pear", "Orange"];

let index = fruits.indexOf("Orange"); // Returns 3.

以下のコードを試すことができます：-

let city = ['Delhi', 'mumbai']
const a = city.findIndex((item) => 
item.toLowerCase()==='delhi')
console.log(a) // returns 0

let c = city.indexOf('mumbai') // returns 1
console.log(c)