js格式化數字例項程式碼
數字往往需要進行一定的格式化,一來是便於閱讀,二來是實際需要,比如錢數就常常按千位逗號分隔,下面就是一個這樣的函式能夠是此功能,並且能夠保留指定書目的小數,且自動實現四捨五入效果。
程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼function fmoney(s,n) { n=n>0&&n<=20?n:2; s=parseFloat((s+"").replace(/[^\d\.-]/g,"")).toFixed(n)+""; var l=s.split(".")[0].split("").reverse(),r=s.split(".")[1]; t=""; for(var i =0;i<l.length;i++) { t+=l[i]+((i+1)%3==0&&(i+1)!=l.length?",":""); } return t.split("").reverse().join("")+"."+r; } console.log(fmoney(23163.1415926,3));
以上程式碼實現了我們需要的功能,實現過程這裡就不多介紹了,可以參閱相關閱讀。
相關閱讀:
1.parseFloat()函式可以參閱javascript parseFloat()一章節。
2.toFixed()函式可以參閱javascript toFixed()一章節。
3.split()函式可以參閱javascript split()一章節。
4.reverse()函式可以參閱javascript reverse()一章節。
5.join()函式可以參閱javascript join()一章節。
相關文章
- 時間日期格式化程式碼例項
- JS 預編譯程式碼例項分析JS編譯
- jquery.idTabs.min.js選項卡程式碼例項jQueryJS
- JavaScript取餘數程式碼例項JavaScript
- 數字格式化的 js 庫JS
- JavaScript倒數計時程式碼例項JavaScript
- CSS3文字凹凸效果程式碼例項CSSS3
- dom操作程式碼例項
- css梯形程式碼例項CSS
- JS中的數字格式化和大位數縮寫JS
- CSS3文字陰影效果程式碼例項CSSS3
- 商品搶購倒數計時效果程式碼例項
- 獲取倒數第幾個元素程式碼例項
- 網頁倒數計時跳轉程式碼例項網頁
- 前端學習程式碼例項-JavaScript 生成隨機數前端JavaScript隨機
- JavaScript in運算子程式碼例項JavaScript
- 設計模式例項程式碼設計模式
- table表格美化程式碼例項
- 純css tab選項卡程式碼例項CSS
- jQuery tab選項卡效果程式碼例項jQuery
- 正則實現個位數補零程式碼例項
- canvas刮刮樂程式碼例項Canvas
- canvas載入效果程式碼例項Canvas
- CSS空心箭頭程式碼例項CSS
- JavaScript運動框架程式碼例項JavaScript框架
- jQuery.map()方法程式碼例項jQuery
- CSS橢圓效果程式碼例項CSS
- CSS條紋背景程式碼例項CSS
- flex居中佈局程式碼例項Flex
- canvas繪製扇形程式碼例項Canvas
- table細線表格例項程式碼
- CSS 隔行變色程式碼例項CSS
- HTML5 拖拽程式碼例項HTML
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- [例項分割]Condinst程式碼筆記筆記
- NumberFormatter數字格式化ORM
- JavaScript格式化數字JavaScript
- 從例項程式碼講解Node.js Event loop執行機制(1.0.1)Node.jsOOP
- 美化滾動條效果程式碼例項