JavaScript 頭ゼロをつける(padStart)

JavaScriptのpadStartメソッドで、頭ゼロをつけるサンプルです。

サンプル	頭ゼロをつける(padStart)
	頭ゼロをつける(slice)
	後ろゼロをつける(padEnd)

頭ゼロをつける(padStart)

変数 = 文字列.padStart(文字列の長さ[,埋める文字]);

引数の文字列の長さまで引数の文字を頭(先頭)に埋めます。
padは、詰め物という意味です。

padStartメソッドで、頭ゼロをつけるサンプルです。

<script>
    const str1 = "9";
    console.log(str1.padStart(3, "0")); // 009
    console.log(str1.padStart(5, "0")); // 00009

    const str2 = "90";
    console.log(str2.padStart(3, "0")); // 090
    console.log(str2.padStart(5, "0")); // 00090
</script>

padStartメソッドで１つ目の引数の桁数まで、2つめの引数の文字で埋めます。

頭ゼロをつける(slice)

sliceメソッドでも頭ゼロの付加は可能です。IEも対応しています。

<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>

3行目は、3桁で頭ゼロをつけています。
4行目は、5桁で頭ゼロをつけています。
7,8行目は、2桁の値に対して頭ゼロをつけています。

後ろゼロをつける(padEnd)

変数 = 文字列.padEnd(文字列の長さ[,埋める文字]);

引数の文字列の長さまで引数の文字で後ろに埋めます。
padは、詰め物という意味です。

padEndメソッドで、後ろにゼロをつけるサンプルです。

<script>
    const str1 = "9";
    console.log(str1.padEnd(3, "0")); // 900
    console.log(str1.padEnd(5, "0")); // 90000
</script>

padEndメソッドで１つ目の引数の桁数まで、2つめの引数の文字で埋めます。