JavaScript 文字列の一部を取得する(substring)

JavaScriptの文字列の一部を取得するsubstringメソッドのサンプルです。

目次

substringメソッド(引数2つ)

文字列 . substring ( 開始位置 , 終了位置 )
  • 1つめの引数の「開始位置」から2つめの引数の「終了位置」の前にある文字までを返します。
  • 最初の1文字目の位置は0から始まります。
  • 1つめの引数が2つめの引数より大きい場合、2つめの引数から1つめの引数の位置の前にある文字までを返します。(←sliceメソッドと違う点)
  • 引数がマイナスの数値の場合、0として扱います。(←sliceメソッドと違う点)
  • Stringオブジェクトのメソッドです。
  • 以下はMDNのsubstringメソッドのリンクです。
    https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/substring

コード

substringメソッドの引数が2つあるサンプルです。

<script>

const a = "あいうえお";

console.log(a.substring(0,1)); // あ
console.log(a.substring(1,2)); // い
console.log(a.substring(2,3)); // う

console.log(a.substring(0,3)); // あいう

console.log(a.substring(2,4)); // うえ

console.log(a.substring(1,-1)); // あ
console.log(a.substring(2,-1)); // あい
console.log(a.substring(3,-1)); // あいう
</script>

5~7行目は、指定の位置から1文字取得しています。
9行目は、最初の文字「あ」から3文字取得しています。
11行目は、途中にある文字の「う」から2文字取得しています。
13~15行目は、2つめの引数がマイナスです。

 

substringメソッド(引数1つ)

文字列 . substring ( 開始位置 )

コード

substringメソッドの引数が1つのサンプルです。

<script>

const a = "あいうえお";

console.log(a.substring(2)); // うえお

console.log(a.substring(3)); // えお

console.log(a.substring(4)); // お

</script>

5,7,9行目とも、指定した位置の文字から最後の文字まで取得しています。

関連の記事

JavaScript 文字列を分割して配列にするサンプル(split)
JavaScript 文字列の一部を取得する(slice)
JavaScript 文字列の一部を取得する(substr)
JavaScript 文字列から1文字を取得する(charAt)
JavaScript 文字列の長さを取得する(length)
JavaScript 文字列の位置を取得する(indexOf/lastIndexOf)
JavaScript 英字の大文字と小文字を変換(toLowerCase/toUpperCase)
JavaScript 文字列を置き換える(replace)
JavaScript 正規表現で値を返す(matchメソッド)

△上に戻る