JavaScript 文字列の位置を取得するサンプル(indexOfとlastIndexOf)

JavaScriptの文字列の位置を取得するサンプルです。
indexOfメソッドまたはlastIndexOfメソッドを使用します。

目次

indexOfメソッド

文字列 . indexOf ( 検索する文字列 [ , fromIndex ] )
  • 1つ目の引数(検索する文字列)で文字列を左(先頭の文字)から右に検索して出現した位置(数値)を返します。
  • 先頭の1文字目の位置は0です。
  • 該当の文字がなかったときは-1を返します。
  • fromIndexは検索を始める位置です。省略可能です。
  • Stringオブジェクトのメソッドです。
  • 以下はMDNのindexOfメソッドのリンクです。
    https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf

コード

indexOfメソッドのサンプルです。
文字列を左(先頭の文字)から検索します。

<script>
//"あいう"が2つある
const str1 = "あいうabcあいう";

//"abc"の位置を取得
console.log(str1.indexOf("abc")); // 3

//文字列を左から見て最初に出現する"あいう"の位置を取得
console.log(str1.indexOf("あいう")); // 0

//2つ目の引数で検索を始める位置を指定
console.log(str1.indexOf("あいう",2)); // 6

//対象の文字列が存在しない場合-1が返る
console.log(str1.indexOf("あいえ")); //-1

</script>

lastIndexOfメソッド

文字列 . lastIndexOf ( 検索する文字列 [ , fromIndex ] )
  • 1つ目の引数(検索する文字列)で文字列を右(最後の文字)から左に検索して出現した位置を返します。
  • 先頭の1文字目の位置は0です。
  • 該当の文字がなかったときは-1を返します。
  • fromIndexは検索を始める位置です(左から右に数えます)。省略可能です。
  • Stringオブジェクトのメソッドです。
  • 以下はMDNのlastIndexOfメソッドのリンクです。
    https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/lastIndexOf

コード

lastIndexOfメソッドのサンプルです。
文字列を右(最後の文字)から検索します。

<script>
//"あいう"が2つある
const str1 = "あいうabcあいう"; //対象の文字列

//"abc"の位置を取得
console.log(str1.lastIndexOf("abc")); // 3

//文字列を右から見て最初に出現する"あいう"の位置を取得
console.log(str1.lastIndexOf("あいう")); // 6

//2つ目の引数で検索を始める位置を指定
console.log(str1.lastIndexOf("あいう",5)); // 0

//対象の文字列が存在しない場合-1が返る
console.log(str1.lastIndexOf("あいえ")); // -1

</script>

関連の記事

JavaScript 文字列を区切り文字で分割する(split)
JavaScript 文字列から文字列の一部を取得する(substring)
JavaScript 文字列から文字列の一部を取得する(slice)
JavaScript 文字列から文字列の一部を取得する(substr)
JavaScript 文字列から1文字を取得する(charAt)
JavaScript 文字列の長さを取得する(length)
JavaScript 文字列の大文字と小文字を変換する(toLowerCaseとtoUpperCase)
JavaScript 文字列を置き換える(replace)
JavaScript 正規表現で文字列を検索し値を返す(match)

△上に戻る