JavaScript 實現日期自動補零的幾種寫法梳理

0. 入門版

var month = new Date().getMonth() + 1
if(month < 10) {
    month = '0' + month
} else {
    month = month + ''
}

1. 三元運算符版

var month = new Date().getMonth() + 1;
month = (month < 10 ? '0' : '') + month

2. ES6 版

let month = new Date().getMonth() + 1
month = `${month < 0 ? '0' : ''}${month}`

3. string.padStart 版 (ES2017)

let month = new Date().getMonth() + 1
month = String(month).padStart(2, '0')

4. repeat 版

let month = new Date().getMonth() + 1
month = ('0'.repeat(2) + month).slice(-2)

5. Array.from(obj) 版

let month = new Date().getMonth() + 1
month = (Array.from({length: 2}, e => 0).join('') + month).slice(-2)

6. Array(num) 版

與其用 Array.from,不如直接用 Array()

let month = new Date().getMonth() + 1
month = (Array(2).join('0') + month).slice(-2)

注意
Array(2).join('0') 僅生成 (n - 1) 個佔位符,因爲月份或日期數 至少佔一位

由此可以抽取一個通用方法:

const leadingDigit = (num, len=2, sep='0') => `${Array(len + 1).join(sep)}${num}`.slice(-len)
const month = new Date().getMonth() + 1
leadingDigit(month)          // '06'
leadingDigit(month, 3)       // '006'
leadingDigit(month, 3, '*')  // '**6'
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章