JavaScript 配列の要素の位置を検索する方法

JavaScriptで「配列の要素の位置を検索する方法」について解説します。

配列の要素の位置を検索する方法はありますか?

配列の要素の位置を検索する方法は複数あります。indexOfメソッドやfindIndexメソッドを使った方法を紹介します。

目次

受講者数No.1!初心者からプロへ導く信頼のスクール

    短期間で習得可能!未経験から実践力を磨く充実のプログラム

    今なら無料相談でAmazonギフトカードがもらえる!

    indexOfメソッドを使った配列の要素の位置を検索する方法

     indexOfメソッドは、配列から指定した要素の最初のインデックスを返します。

     配列の最初から検索を行い、最初に見つかった要素のインデックスを返します。引数に指定した要素が配列に存在しない場合は-1が返されます。

    const fruits = ['apple', 'banana', 'orange'];
    console.log(fruits.indexOf('banana')); // 1

    lastIndexOfメソッドを使った配列の要素の位置を検索する方法

     lastIndexOfメソッドは、配列から指定した要素の最後のインデックスを返します。

     配列の最後から検索を行い、最後に見つかった要素のインデックスを返します。引数に指定した要素が配列に存在しない場合は-1が返されます。

    const fruits = ['apple', 'banana', 'orange', 'banana'];
    console.log(fruits.lastIndexOf('banana')); // 3

    findIndexメソッドを使った配列の要素の位置を検索する方法

     findIndexメソッドは、配列から指定した条件に一致する要素のインデックスを返します。

     引数には関数を指定し、その関数がtrueを返す最初の要素のインデックスを返します。配列に一致する要素が存在しない場合は-1が返されます。

    const numbers = [1, 2, 3, 4, 5];
    console.log(numbers.findIndex(num => num > 3)); // 3

    自分でループを作成して検索を行う方法

     一致するすべての要素のインデックスを取得するには、自分でループを作成して検索を行うことができます。配列を一つずつ確認し、要素が一致した場合にはインデックスを配列に格納します。

    const fruits = ['apple', 'banana', 'orange', 'banana'];
    
    // 一致するすべてのインデックスを取得
    let indexes = [];
    for (let i = 0; i < fruits.length; i++) {
        if (fruits[i] === 'banana') {
            indexes.push(i);
        }
    }
    console.log(indexes); // [1, 3]

     このように自分でループを作成して検索を行うことで、複数存在する要素のインデックスをすべて取得することができます。

    リスキリングでキャリアアップしてみませんか?

    リスキリング(学び直し)は、経済産業省が推奨しており、

    今だけ、最大70%のキャッシュバックを受けることができます。

    リスキリング 給付金が出るスクール紹介

    最大70%の給付金が出るおすすめのプログラミングスクール!

    国策で予算が決められているため申し込みが多い場合は早期に終了する可能性があります!

    興味のある方はすぐに確認しましょう。

    まとめ

     「配列の要素の位置を検索する方法」について以下にまとめます。

    • indexOfメソッドは、配列から指定した要素の最初のインデックスを返す。
    • lastIndexOfメソッドは、配列から指定した要素の最後のインデックスを返す。
    • findIndexメソッドは、配列から指定した条件に一致する要素のインデックスを返す。
    • 一致するすべての要素のインデックスを取得するには、自分でループを作成して検索を行う。

     indexOfメソッド、findIndexメソッド、lastIndexOfメソッドを使用することで、要素の位置を素早く特定することができます。

    indexOfやfindInde)メソッドを使用することで、簡単に要素の位置を特定することができました!

    配列を扱う上で、要素の位置を知ることは重要ですので、これらの方法を使用して配列を活用してみてください。

    よかったらシェアしてね!
    • URLをコピーしました!
    • URLをコピーしました!
    目次