JavaScript 文字列の一部を取得+頭ゼロ付与(slice)

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

目次

slice(引数2つ) 文字列の一部を取得する(sliceの引数2つ)
  2つめの引数がマイナスの場合
slice(引数1つ) 文字列の一部を取得する(sliceの引数1つ)
  引数がマイナスの場合
  頭ゼロをつける(引数マイナスを利用)

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

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

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

<script>

const a = "あいうえお";

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

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

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

</script>

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

2つめの引数がマイナスの場合

2つめの引数がマイナスの場合のサンプルです。

<script>

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

2つめの引数がマイナスの場合、後方からの文字数として扱います。

文字列の一部を取得する(sliceの引数1つ)

文字列.slice (開始位置 )
  • 引数の「開始位置」から最後の文字までの新しい文字列を返します。
  • 最初の1文字目の位置は0から始まります。
  • 引数がマイナスの場合、後方からの文字数になります。

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

<script>

const a = "あいうえお";

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

</script>

指定した位置の文字から最後の文字まで取得しています。

引数がマイナスの場合

引数がマイナスの場合のサンプルです。

<script>

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

引数がマイナスの場合、後方からの文字数で取得します。

頭ゼロをつける(引数マイナスを利用)

引数マイナスを利用して頭ゼロをつけるサンプルです。

<script>

	const a = "9";	
	console.log(("000" + a).slice(-3)); // 009
	console.log(("00000" + a).slice(-5)); // 00009

	const b = "90";	
	console.log(("000" + b).slice(-3)); // 090
	console.log(("00000" + b).slice(-5)); // 00090
</script>

引数がマイナスの場合、後方からの文字数で取得するのでそれを利用します。
4,8行目は、3桁で頭ゼロをつけています。
5,9行目は、5桁で頭ゼロをつけています。

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

関連の記事

JavaScript 文字列の一部を取得する(substring)
JavaScript 文字列の一部を取得する(substr)
JavaScript 文字列から1文字を取得する(charAt)
JavaScript 文字列の位置を取得(indexOf/lastIndexOf)

△上に戻る