這篇主要是筆記一下幾個常用,卻又容易忘記的處理數字與日期格式的方式。
數字千位分隔符
以往(查了一下caniuse應該是2017, 2018,瀏覽器還不支援Intl以前)要在數字上加上分隔用的逗點(如:19,890,604)只能自己手工處理。例如下面這樣的方式:
比較快一點還可以先轉成陣列,反向後再來處理,處理完再反向輸出。雖然比純字串處理來的快一些,但只是為了要顯示逗點而已,需要這樣大費周章總是零人不快。
不過自從有了Intl之後,我們可以用Intl的NumberFormat()輕鬆完成心願:
簡短幾個字就完成需求,心情非常爽快!
日期
接下來是常用到的日期顯示。以往要顯示 2022-12-12 這樣的日期格式,如果不想用 moment.js 這樣的時間套件,也是要自己幹:
現在你可以使用Intl.DateTimeFormat,或者Date().toLocaleDateString()來達到目的。toLocaleDateString是一個捷徑,事實上也是去執行Intl.DateTimeFormat
數字補零
數字左方碼數不足補零,這個應該是最常用到的了。舉凡日期、時間、索引都有可能用到。以前可能會這麼寫:
2016之後,可以這樣輕鬆達成: