JavaScriptにおける配列の検索メソッド

JavaScriptには、配列内の要素を見つけるための組み込みメソッドが用意されています。これらのツールを使用することで、要素の位置を特定したり、値が存在するかどうかを確認したりできます。

覚えておくべき主なメソッドは以下の通りです：

• indexOf() 特定の要素の最初のインデックスを返します。要素が見つからない場合は -1 を返します。 例： const fruits = ["Apple", "Banana", "Mango", "Banana"]; fruits.indexOf("Banana"); // 1 を返す

• lastIndexOf() 特定の要素の最後のインデックスを返します。要素が見つからない場合は -1 を返します。 例： const fruits = ["Apple", "Banana", "Mango", "Banana"]; fruits.lastIndexOf("Banana"); // 3 を返す

• includes() 配列内に要素が存在するかどうかを確認します。true または false を返します。 例： const fruits = ["Apple", "Banana", "Mango"]; fruits.includes("Mango"); // true を返す fruits.includes("Orange"); // false を返す

• find() 条件を満たす最初の要素を返します。一致するものがない場合は undefined を返します。 例： const numbers = [5, 12, 8, 20]; const result = numbers.find(num => num > 10); // 12 を返す

• findIndex() 条件を満たす最初の要素のインデックスを返します。一致するものがない場合は -1 を返します。 例： const numbers = [5, 12, 8, 20]; const index = numbers.findIndex(num => num > 10); // 1 を返す

• findLast() 条件を満たす最後の要素を返します。配列の末尾から検索を行います。 例： const numbers = [5, 12, 8, 20]; const result = numbers.findLast(num => num > 10); // 20 を返す

• findLastIndex() 条件を満たす最後の要素のインデックスを返します。 例： const numbers = [5, 12, 8, 20]; const index = numbers.findLastIndex(num => num > 10); // 3 を返す

まとめ：

• indexOf() は最初のインデックスを取得します。 • lastIndexOf() は最後のインデックスを取得します。 • includes() は存在を確認します。 • find() は最初に一致する値を取得します。 • findIndex() は最初に一致するインデックスを取得します。 • findLast() は最後に一致する値を取得します。 • findLastIndex() は最後に一致するインデックスを取得します。

出典: https://www.w3schools.com/js/js_array_search.asp

全文: https://dev.to/kamalesh_ar_6252544786997/array-search-methods-in-javascript-23mk