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

JavaScriptで文字列内の指定した値が最初に出現するインデックスを取得する方法

JavaScriptで文字列内に指定した値が最初に出現する位置（インデックス）を取得するには、indexOf()メソッドを使用します。このメソッドは、検索対象の文字列が見つかった最初の位置を、0から始まるインデックスで返します。もし指定した値が見つからなかった場合は「-1」が返されます。

構文

indexOf()メソッドの基本的な構文は以下のとおりです。

string.indexOf(searchValue[, fromIndex])

第2引数の「fromIndex」を指定すると、その位置以降から検索を開始できます。省略した場合は文字列の先頭から検索されます。

使用例

次のコードを実行すると、文字列「Learning」が最初に出現するインデックスを取得できます。

<html>
   <head>
      <title>JavaScript String indexOf() Method</title>
   </head>

   <body>
      <script>
         var str = new String( "Learning is fun! Learning is sharing!" );
         var index = str.indexOf( "Learning" );
         document.write("First index of string Learning :" + index );
      </script>
   </body>
</html>

実行結果

上記のコードを実行すると、次のような出力が得られます。

First index of string Learning :0

この例では、文字列「Learning」が先頭（インデックス0）に出現するため、結果は「0」となります。なお、後半の「Learning is sharing!」に含まれる2つ目の「Learning」は検索対象にならず、indexOf()メソッドは常に最初の出現位置のみを返す点に注意してください。すべての出現位置を取得したい場合は、第2引数の「fromIndex」を活用して繰り返し検索を行う方法が有効です。

  1. 【JavaScript】ドキュメント全体のHTMLを文字列として取得する方法を解説

    Webページのソースコード全体を取得して処理したい場面は、デバッグや動的なコンテンツ操作など、JavaScript開発では意外と多くあります。この記事では、ドキュメント全体のHTMLを文字列として取得する方法を、具体的なコード例とともにわかりやすく解説します。 innerHTMLプロパティを使った取得方法 ドキュメント全体のHTMLを文字列として取得するには、document.documentElementのinnerHTMLプロパティを利用します。 document.documentElement.innerHTML; document.documentElementはHTML文書のルート要

  2. JavaScriptで文字列内の特定の文字列の出現回数をカウントする方法

    JavaScriptでは、ある文字列（str1）の中に、別の文字列（str2）が何回出現するかを数えたいケースはよくあります。本記事では、2つの文字列を受け取り、str2がstr1の中に現れる回数をカウントして返す関数の実装方法を解説します。要件の確認まず、期待する動作を例で確認しましょう。count(this is a string, is) → 2 を返すこの例では、「this is a string」という文字列の中に「is」が2回含まれているため、結果として 2 が返されます。実装コード以下が実際のコードです。const str1 = this is a string;const st