Javascript 常用數字與日期顯示格式

這篇主要是筆記一下幾個常用,卻又容易忘記的處理數字與日期格式的方式。

數字千位分隔符

以往(查了一下caniuse應該是2017, 2018,瀏覽器還不支援Intl以前)要在數字上加上分隔用的逗點(如:19,890,604)只能自己手工處理。例如下面這樣的方式:

比較快一點還可以先轉成陣列,反向後再來處理,處理完再反向輸出。雖然比純字串處理來的快一些,但只是為了要顯示逗點而已,需要這樣大費周章總是零人不快。

不過自從有了Intl之後,我們可以用Intl的NumberFormat()輕鬆完成心願:

簡短幾個字就完成需求,心情非常爽快!

日期

接下來是常用到的日期顯示。以往要顯示 2022-12-12 這樣的日期格式,如果不想用 moment.js 這樣的時間套件,也是要自己幹:

現在你可以使用Intl.DateTimeFormat,或者Date().toLocaleDateString()來達到目的。toLocaleDateString是一個捷徑,事實上也是去執行Intl.DateTimeFormat

數字補零

數字左方碼數不足補零,這個應該是最常用到的了。舉凡日期、時間、索引都有可能用到。以前可能會這麼寫:

2016之後,可以這樣輕鬆達成:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料