JavaScriptのindexOfメソッドの使用方法と例


  1. 配列でのindexOfの使用例:
const fruits = ['りんご', 'バナナ', 'オレンジ', 'りんご', 'パイナップル'];
// 'りんご'の最初のインデックスを検索
const firstIndex = fruits.indexOf('りんご');
console.log(firstIndex); // 出力: 0
// 'りんご'の最後のインデックスを検索
const lastIndex = fruits.lastIndexOf('りんご');
console.log(lastIndex); // 出力: 3
  1. 文字列でのindexOfの使用例:
const sentence = 'JavaScriptは素晴らしい言語です。JavaScriptは多くのウェブアプリケーションで使用されます。';
// 'JavaScript'の最初のインデックスを検索
const firstIndex = sentence.indexOf('JavaScript');
console.log(firstIndex); // 出力: 0
// 'JavaScript'の最後のインデックスを検索
const lastIndex = sentence.lastIndexOf('JavaScript');
console.log(lastIndex); // 出力: 23
  1. 存在しない要素や文字列の検索:
const numbers = [1, 2, 3, 4, 5];
// 存在しない要素のインデックスを検索
const nonExistentIndex = numbers.indexOf(10);
console.log(nonExistentIndex); // 出力: -1
// 存在しない文字列のインデックスを検索
const nonExistentIndex2 = sentence.indexOf('Python');
console.log(nonExistentIndex2); // 出力: -1

このように、indexOfメソッドを使用することで、配列や文字列内で要素や文字列を検索し、該当する最初のインデックスや最後のインデックスを取得することができます。存在しない要素や文字列を検索した場合は、-1が返されます。

このブログ投稿では、JavaScriptのindexOfメソッドの基本的な使用方法と例を紹介しました。これを参考にして、様々なシナリオでの活用方法を学び、効果的なコーディングに役立ててください。