【JavaScript】substringメソッドを使って文字列の一部を取得する

文字列の一部を抜き出すsubstring。

開始位置や終了位置を指定して使います。

最初の文字は０文字目？それとも１文字目？終了位置の数字の文字数目まで抜き出されるのか、それとも１つ左まで？

などなど図で解説していきます。

目次（リンク）

substring()メソッドの構文

構文は次のとおりです。

str.substring(start [,end]);

1	str.substring(start [,end]);

strは元の文字列です。
startは抜き出す開始位置、endは終了位置。
最初の文字を０文字目として、１，２，３・・・と、バイト数ではなく文字の位置を数えます。

抜き出した文字列が、戻り値として返ってきます。

引数の指定の仕方によって、結果がいろいろ変わります。

２つ目の引数Endは省略可。
１つ目だけ指定した場合は、指定した位置から最後までの文字列が返ってきます。

var str = "あきらめたらそこで試合終了ですよ…？";
console.log(str.substring(6)); //そこで試合終了ですよ…？

1 2	var str = "あきらめたらそこで試合終了ですよ…？"; console.log(str.substring(6)); //そこで試合終了ですよ…？

図で表すとこんな感じ。

２つ目の引数を省略せず指定するときも、いくつかパターンがあります。

スタートの位置より後ろを指定する場合です。
個人的には、エンドのほうはこのパターンしか見たことないですが。

var str = "あきらめたらそこで試合終了ですよ…？";
console.log(str.substring(6, 13)); //そこで試合終了

1 2	var str = "あきらめたらそこで試合終了ですよ…？"; console.log(str.substring(6, 13)); //そこで試合終了

この例では、６文字目から１２文字目までを抜き出します。

６より１３のほうが大きいので、１３は抜き出す文字の右端の位置。
この１３文字目の１つ左側の位置が抜き出される右端になります。

開始位置が１３で終了位置が６、これでもちゃんと抜き出せます。

var str = "あきらめたらそこで試合終了ですよ…？";
console.log(str.substring(13, 6)); //そこで試合終了

1 2	var str = "あきらめたらそこで試合終了ですよ…？"; console.log(str.substring(13, 6)); //そこで試合終了

スタート＞エンドなので、スタートが右端、エンドが左端となります。
先ほどの例と同じように、右端は指定した数字の位置の文字が含まれません。
１つ左側までです。

負の数を指定した場合、勝手に０とみなされます。

var str = "あきらめたらそこで試合終了ですよ…？";
console.log(str.substring(13, -6)); //あきらめたらそこで試合終了

1 2	var str = "あきらめたらそこで試合終了ですよ…？"; console.log(str.substring(13, -6)); //あきらめたらそこで試合終了

右端の位置は、スタートとエンドが逆転した場合と同じです。

substring()メソッドはとても便利です。

使える言語は、JavaScriptの他にC#やSQLServerなど。
とても便利なので、substringの無い言語では、自作して使われることもよくあります。

よく似たメソッドや他の言語によっては、開始位置と、終了位置ではなく抜き出す文字数を指定するものもあります。
「終了位置だと思い込んでいたら、実は文字数だった」とかバグの元になるので、引数が何を表すのか念のため確認してから使うと良いでしょう。