還在為了處理數值格式而苦惱嗎？介紹一個好用的工具 Numeral.js
前言
網站只要有處理到錢和點數等，一定都會有數值顯示的問題想要統一，特別是後台數據呈現的時候，這時候選擇一個方便的工具統整顯示格式就非常重要了。
使用方式
➊ Numeral.js安裝
npm install numeral或者Script引入資源也可以
<script src="numeral.min.js"></script>
➋ 方法
針對數值最常見應該是千分位和小數點後兩位，直接使用這個套件，將你要的格式填上去就可以轉換成所需的樣子。
可以注意的小地方是，當格式轉換後回傳的型態是string
const number = numeral(1234)
number.format('0,0');
// 千分位：1,234
number.format('$0,0');
// 千分位+錢字符號：$1,234
number.format('0,0.00');
// 千分位+固定小數點後兩位：1,234.00
number.format('0,0.[00]');
// 千分位+小數點後兩位：1,234
// 注意：當是小數是0時不會顯示
➌ 其他
Numeral.js 有提供其他格式化得選擇，像是百分比等等的，依照網站需求去配置即可。
（這邊不貼套件有提供的格式有哪些，可以直接點進去網站看！）
結語
這邊推薦處理數值的格式方式，其實有很多種的處理方式，但都會建議把方法包裝起來，讓每個地方都統一使用，未來若需要異動格式時直接由包裝好的方法去異動就可以了！
留言0
查看全部
你可能也想看
Google News 追蹤
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
探討排班管理在多元化經營模式中的重要性，並介紹如何透過智能排班管理系統解決傳統排班方式的痛點。本文詳細說明員工預排與調班功能、多元排班方式的靈活應用，以及即時統計與稽核功能，幫助企業提升排班效率與公平性。透過可視化的人力線條圖，主管能夠快速掌握人力需求，精準地進行班表調整，從而提高整體營運效率。
改定監護權的門檻會比一般的監護權官司難度還高，如果不是雙方同意登記，就需要向法院提出改定監護權的理由，以及監護人未盡保護教養義務、或是有對未成年子女任何不利的情形與證據。簡單的說，不是只要主張自己對小孩更好，更要舉證對方不適任監護人的原因，並參考社工訪視報告之後，法官才會決定是否要改定監護權。
在AI時代來臨之際，我們是否還需要為了應酬而喝酒？這篇文章深入探討了科技如何改變我們的社交習慣，尤其是那些傳統喝酒文化。隨著AI取代了許多傳統的職位，是時候反思我們是否真的需要依賴酒精來建立關係。讓我們拋開過時的社交模式，把精力放在自我提升上，擁抱健康而真誠的互動方式，迎接未來職場的新挑戰！
初次見面：
金鐘雲真不是故意要攪和到人群裡，實在是因為那群瘋狂的女人不斷推擠，導致他只能跟著大家前進，也不知道走了什麼狗屎運，他居然被眾人之力拱到了當紅偶像李赫宰跟前，更抓馬的是，金鐘雲居然撲倒在他面前，還被他一把扶起。
「還好嗎？有沒有跌傷？」
對上李赫宰溫柔的眼神，金鐘雲內心沒來由的一陣小
Giro，說得好，現在年輕人太依賴Google了，要多唸點書，多出去走走～呃，說這話的人住台中太平手機一條街，呱，連自己APP推薦的超優生技股，南投草屯廠房是鐵皮屋都不知道
MUSIC！神啊救救我吧
陳曉……呃，陳小春超級宅男神曲
上帝會保佑我的 愛情總會來的
我在夢中一切都有
可惜現實……
前文參考：
觀光股最後的遺珠，飆股的長相2？ 4月28日
三陽工業、京城銀、觀光潛在飆股的一些再提醒。 5月4日
恭喜自己跟大家以外，後續？
“布朗會是今年的最佳主帥，這基本上板上釘釘了。”
在對陣國王的賽前，科爾這麼評價這位去年還在他手下當助理教練的邁克-布朗。雖然賽季還未結束，但最佳主教練的獎項似乎已經沒有了懸念。
據ESPN的統計，多位球隊主帥將年度最佳主教練的票投給了國王隊主教練邁克-布朗，已知的有活塞主帥凱西和雷霆主帥戴格諾
記得剛進入公關代理商任職時，因為完全沒有相關經驗，於是雖然職稱掛的是資深專案企劃，但還是需要從頭學習公關與媒體相關的操作與應對技巧。無論是打電話、搜集披露、整理資料、做表單、場勘、寫邀請函、聯繫廠商、對設計稿、對硬體規格表，以及在記者會現場支援，像是媒體接待、控台、機動等，一切的一切都很新鮮。
首先，我們要先清楚🌟市場是什麼，一般我們講的市場，是指臺灣證券交易所為核心，✨讓券商投入的股票公開買賣市場，給所有於證券商開戶的投資人參與，只要A在網路上掛出買單，去美國出國的B掛出可成交的賣單，交易就會成交。
我們以為股票下市了，就不能買賣了，😄這其實有點矯枉過正，股票下市，有公告的規章和辦法
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
探討排班管理在多元化經營模式中的重要性，並介紹如何透過智能排班管理系統解決傳統排班方式的痛點。本文詳細說明員工預排與調班功能、多元排班方式的靈活應用，以及即時統計與稽核功能，幫助企業提升排班效率與公平性。透過可視化的人力線條圖，主管能夠快速掌握人力需求，精準地進行班表調整，從而提高整體營運效率。
改定監護權的門檻會比一般的監護權官司難度還高，如果不是雙方同意登記，就需要向法院提出改定監護權的理由，以及監護人未盡保護教養義務、或是有對未成年子女任何不利的情形與證據。簡單的說，不是只要主張自己對小孩更好，更要舉證對方不適任監護人的原因，並參考社工訪視報告之後，法官才會決定是否要改定監護權。
在AI時代來臨之際，我們是否還需要為了應酬而喝酒？這篇文章深入探討了科技如何改變我們的社交習慣，尤其是那些傳統喝酒文化。隨著AI取代了許多傳統的職位，是時候反思我們是否真的需要依賴酒精來建立關係。讓我們拋開過時的社交模式，把精力放在自我提升上，擁抱健康而真誠的互動方式，迎接未來職場的新挑戰！
初次見面：
金鐘雲真不是故意要攪和到人群裡，實在是因為那群瘋狂的女人不斷推擠，導致他只能跟著大家前進，也不知道走了什麼狗屎運，他居然被眾人之力拱到了當紅偶像李赫宰跟前，更抓馬的是，金鐘雲居然撲倒在他面前，還被他一把扶起。
「還好嗎？有沒有跌傷？」
對上李赫宰溫柔的眼神，金鐘雲內心沒來由的一陣小
Giro，說得好，現在年輕人太依賴Google了，要多唸點書，多出去走走～呃，說這話的人住台中太平手機一條街，呱，連自己APP推薦的超優生技股，南投草屯廠房是鐵皮屋都不知道
MUSIC！神啊救救我吧
陳曉……呃，陳小春超級宅男神曲
上帝會保佑我的 愛情總會來的
我在夢中一切都有
可惜現實……
前文參考：
觀光股最後的遺珠，飆股的長相2？ 4月28日
三陽工業、京城銀、觀光潛在飆股的一些再提醒。 5月4日
恭喜自己跟大家以外，後續？
“布朗會是今年的最佳主帥，這基本上板上釘釘了。”
在對陣國王的賽前，科爾這麼評價這位去年還在他手下當助理教練的邁克-布朗。雖然賽季還未結束，但最佳主教練的獎項似乎已經沒有了懸念。
據ESPN的統計，多位球隊主帥將年度最佳主教練的票投給了國王隊主教練邁克-布朗，已知的有活塞主帥凱西和雷霆主帥戴格諾
記得剛進入公關代理商任職時，因為完全沒有相關經驗，於是雖然職稱掛的是資深專案企劃，但還是需要從頭學習公關與媒體相關的操作與應對技巧。無論是打電話、搜集披露、整理資料、做表單、場勘、寫邀請函、聯繫廠商、對設計稿、對硬體規格表，以及在記者會現場支援，像是媒體接待、控台、機動等，一切的一切都很新鮮。
首先，我們要先清楚🌟市場是什麼，一般我們講的市場，是指臺灣證券交易所為核心，✨讓券商投入的股票公開買賣市場，給所有於證券商開戶的投資人參與，只要A在網路上掛出買單，去美國出國的B掛出可成交的賣單，交易就會成交。
我們以為股票下市了，就不能買賣了，😄這其實有點矯枉過正，股票下市，有公告的規章和辦法