Vue.jsでの数字の0埋めの方法
今回はVue.jsでの数字の0埋めの方法についてご紹介いたします。
Vue.jsでの数字の0埋めの方法
Vue.jsで0埋めをする場合、一般的なJavaScriptと同じ方法を使います。
padStart関数やpadEnd関数を使うか、文字列をくっつけてsliceしましょう。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
// 123について、左に0をくっつけて5桁にする "123".padStart(5, "0") // 123について、右に0をくっつけて5桁にする "123".padEnd(5, "0") // 123について、左に0をくっつけて5桁にする const num = 123 ('00000' + num ).slice(-5) // 123について、右に0をくっつけて5桁にする const num = 123 (num + '00000').slice(0, 5) |
個人的にはpadStart関数やpadEnd関数を使う方がスッキリしてておすすめです。
終わりに
今回はVue.jsでの数字の0埋めの方法についてご紹介いたしました。