Love Beautiful Code

javascriptで数字を0埋めで表示するときに少し迷ったので備忘録として記事を書きます。

今回は、1などの数字を01や001のように表示する方法を記述しています。

結論

1value = 1;
2`00${value}`.slice(-2)   // => 01
3`000${value}`.slice(-3)  // => 001

0埋めした個数だけ0を使用して、最後にsliceの引数に0を表示する個数分だけマイナスして渡す。

これだけでも使えるのですが、他でも使用できると思うのでメソッド化してみました。

1const zeroPadding = (value, zeroCount) => {
2  const zeroes = Array(zeroCount).fill('0').join('');
3  return `${zeroes}${value}`.slice(-zeroCount);
4}