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つある
	var str1 = "あいうabcあいう";

	//"abc"の位置を取得
	document.write(str1.indexOf("abc"),"<br/>"); // 3

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

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

	//対象の文字列が存在しない場合-1が返る
	document.write(str1.indexOf("あいえ"),"<br/>"); //-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つある
	var str1 = "あいうabcあいう"; //対象の文字列

	//"abc"の位置を取得
	document.write(str1.lastIndexOf("abc"),"<br/>"); // 3

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

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

	//対象の文字列が存在しない場合-1が返る
	document.write(str1.lastIndexOf("あいえ"),"<br/>"); // -1
</script>

関連の記事

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




△上に戻る