array.findIndex()

アレイ・ファインドインデックス（組み込みオブジェクト）

意味条件に合う要素の位置

array.findIndex()とは？

`array.findIndex()`メソッドは、指定されたテスト関数を満たす最初の要素のインデックスを返します。

array.findIndex()の具体的な使い方

条件を満たす最初の要素のインデックスを見つける

const fruits = ['りんご', 'バナナ', 'オレンジ', 'メロン'];
const index = fruits.findIndex(fruit => fruit.length > 3);
console.log(`4文字以上の最初の果物のインデックス: ${index}`);
console.log(`その果物は: ${fruits[index]}`);

👇出力結果

4文字以上の最初の果物のインデックス: 1
その果物は: バナナ

この例では、4文字以上の名前を持つ最初の果物のインデックスを探し、その果物の名前も表示します。

array.findIndex()に関するよくある質問

Q. findIndexの戻り値は？

A. findIndexメソッドは、条件に合う最初の要素のインデックス（0から始まる整数）を返します。条件に合う要素がない場合は-1を返します。

Q. findIndexとindexOfの違いは？

A. findIndexは関数を使って条件を指定できますが、indexOfは特定の値のみを探します。findIndexはより柔軟な検索が可能です。

Q. 空の配列でfindIndexを使うと？

A. 空の配列でfindIndexを使用すると、常に-1が返されます。これは条件に合う要素が見つからなかったことを示します。

JavaScriptを勉強するのにおすすめな問題集アプリの紹介

楽しくプログラミングを学ぶことで、プログラミングの理解度が深まります。『JavaScript問題集』は、楽しくJavaScriptを学ぶのに最適なアプリです。AIが出題する問題に答えていくことで、自然とJavaScriptの理解度が深まります。

AppStoreからダウンロード：https://apps.apple.com/jp/app/id6737941570

JavaScriptのarray.findIndex()についても学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのarray.findIndex()やNumber.isFinite()、Object.assign()、array.find()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。