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

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

サンプル	文字列の一部を取得する(substr+引数2つ)
	文字列の途中から最後までを取得する(substr+引数1つ)
	文字列の後ろから取得する(substr+ length)

文字列の一部を取得する(substr+引数2つ)

文字列.substr(開始位置,文字数)

１つめの引数の「開始位置」から２つめの引数の「文字数」で抽出します。
最初の1文字目の位置は0から始まります。
引数がマイナスの数値の場合、0として扱います。
Stringオブジェクトのメソッドです。
MDNでは、このメソッドの使用を推奨していません。substringメソッドを推奨しています。

文字列の一部を取得するサンプルです。

<script>

const a = "あいうえお";

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

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

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

</script>

5～7行目は、指定の位置から1文字取得しています。
9行目は、最初の文字「あ」から3文字取得しています。
11行目は、途中にある文字の「う」から2文字取得しています。

文字列の途中から最後までを取得する(substr+引数1つ)

文字列.substr(開始位置)

引数の「開始位置」から最後の文字までを返します。
最初の1文字目の位置は0から始まります。
Stringオブジェクトのメソッドです。
MDNでは、このメソッドの使用を推奨していません。substringメソッドを推奨しています。

文字列の途中から最後までを取得するサンプルです。

<script>

const a = "あいうえお";

console.log(a.substr(2)); // うえお
console.log(a.substr(3)); // えお
console.log(a.substr(4)); // お

</script>

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

文字列の後ろから取得する(substr+ length)

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

<script>

	const a = "あいうえお";
	
	console.log(a.substr(a.length -1)); // お
	console.log(a.substr(a.length -2)); // えお
	console.log(a.substr(a.length -3)); // うえお
	
</script>

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

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