JavaScript 文字列を切り出す(substring)

JavaScriptの文字列を切り出すサンプルです。

目次

substring+引数2つ 文字列の一部を切り出す
substring+引数1つ 文字列の途中から最後までを切り出す
substring+length 文字列の後ろから切り出す

文字列の一部を切り出す

文字列.substring(開始位置,終了位置)
  • 1つめの引数の「開始位置」から2つめの引数の「終了位置」の前にある文字までを返します。
  • 最初の1文字目の位置は0から始まります。
  • 1つめの引数が2つめの引数より大きい場合、2つめの引数から1つめの引数の位置の前にある文字までを返します。(←sliceメソッドと違う点)
  • 引数がマイナスの数値の場合、0として扱います。(←sliceメソッドと違う点)

文字列の一部を切り出すサンプルです。

<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)); // うえ

  const b = "abcde";
  console.log(b.substring(0, 1)); // a
  console.log(b.substring(1, 2)); // b
</script>

3~5行目は、指定の位置から1文字取得しています。
7行目は、「あ」から3文字取得しています。
8行目は、「う」から2文字取得しています。
10行目は、半角文字の場合です。

 

文字列の途中から最後までを切り出す

文字列.substring(開始位置)
  • 引数の「開始位置」から最後の文字までを返します。
  • 最初の1文字目の位置は0から始まります。

文字列の途中から最後までを切り出すサンプルです。

<script>
  const a = "あいうえお";

  console.log(a.substring(2)); // うえお
  console.log(a.substring(3)); // えお
  console.log(a.substring(4)); // お
</script>

4~6行目とも、指定した位置の文字から最後の文字まで取得しています。

 

文字列の後ろから切り出す

文字列の後ろから切り出すサンプルです。lengthプロパティを使用します。

<script>
  const a = "あいうえお";

  console.log(a.substring(a.length - 1)); // お
  console.log(a.substring(a.length - 2)); // えお
  console.log(a.substring(a.length - 3)); // うえお
</script>

4~6行目は、lengthプロパティで文字列の長さを取得し、そこから引くことで後ろから文字列を取得しています。

以下はMDNのsubstringメソッドのリンクです。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/substring

関連の記事

JavaScript 文字列の一部を取得+頭ゼロ付与(slice)
JavaScript 文字列から1文字を取得する(charAt)
JavaScript 文字列の長さを取得する(length)
JavaScript 文字列の位置を取得(indexOf/lastIndexOf)

△上に戻る