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

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

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

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

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]

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

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

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

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