JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのArray.findIndex()メソッドとは？使い方をわかりやすく解説

Array.findIndex()メソッドとは

Array.findIndex()は、引数として渡された関数によるテストに合格した、配列内の最初の要素のインデックスを返すメソッドです。このメソッドは、配列内の各要素に対してコールバック関数を1回ずつ実行します。

条件を満たす要素が見つかった時点で、その要素のインデックスが即座に返されます。一方、どの要素も条件を満たさなかった場合は「-1」が返されます。

また、findIndex()には重要な特徴があります。それは、ある要素が条件を満たした時点で処理を終了し、それ以降の要素は一切チェックしないという点です。

findIndex()の動作例

次の例では、findIndex()メソッドを使って、配列内の給与（wages）の要素が指定した15000以上かどうかを判定しています。

条件を満たす最初の要素が17000であるため、28000や30000といったそれ以降の値はチェックされず、17000のインデックスである「2」が返されます。

サンプルコード

<html>
<body>
<p id="findindex"></p>
<script>
    var wages = [6000, 10000, 17000, 28000, 30000];
    function checkSal(wage) {
        return wage >= 15000;
    }
    document.getElementById("findindex").innerHTML = wages.findIndex(checkSal);
</script>
</body>
</html>

実行結果

2

まとめ

findIndex()メソッドは、特定の条件に合う要素の位置を知りたい場合に便利なメソッドです。条件に合う要素そのものが必要な場合はfind()を、該当するすべての要素が必要な場合はfilter()を使うとよいでしょう。用途に応じてこれらのメソッドを使い分けることで、より効率的で読みやすいコードを書くことができます。

  1. JavaScriptのpopメソッドとは？基本の構文と使い方をわかりやすく解説

    JavaScriptの配列には、データを操作するためのさまざまなメソッドが用意されています。その中のひとつがpopメソッドです。Web開発者は、配列から最後の要素を取り除きたいときや、取り除いた要素を使って何か処理を行いたいときに、このメソッドを活用します。本記事では、popメソッドの基本的な使い方を具体例とともにわかりやすく解説します。 popメソッドの構文 popメソッドの構文は非常にシンプルです。定義上、popメソッドは配列の最後の要素を削除し、その削除した要素を返す働きを持ちます。 let frozen = [ Anna, Elsa, Olaf, Kristoff, Sven ]

  2. JavaScriptのWeakMapでclear()メソッドを使う方法とは？

    WeakMapのclear()メソッドとはWeakMapオブジェクトのclear()メソッドは、そのWeakMapに格納されているすべてのキーと値のペアを一括で削除するためのメソッドです。しかし、このメソッドは現在のECMAScriptの仕様からは削除されています。そのため、標準のWeakMapに対して直接clear()を呼び出すことはできません。とはいえ、WeakMapオブジェクトをラップするクラスを作成し、clear()メソッドに対応した処理を追加することで、同様の機能を簡単に実現できます。実装例：clear()メソッドを持つWeakMapラッパークラスclass ClearableWea