javascript實現的數字格式化程式碼例項
數字往往為了需要格式化,因為在一定的格式下更容易閱讀,或者具有一定的標示性含義,下面是一段這樣的程式碼例項,能夠實現數字的格式化,程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼var format=function (number,form){ var forms=form.split('.'); var number=''+number; var numbers=number.split('.'); var leftnumber=numbers[0].split(''); var exec=function(lastMatch){ if(lastMatch=='0'||lastMatch=='#') { if(leftnumber.length) { return leftnumber.pop(); } else if(lastMatch=='0') { return lastMatch; } else { return ''; } } else { return lastMatch; } } var string; string=forms[0].split('').reverse().join('').replace(/./g, exec).split('').reverse().join(''); string=leftnumber.join('') + string; if(forms[1]&&forms[1].length){ leftnumber = (numbers[1] && numbers[1].length) ? numbers[1].split('').reverse() : []; string += '.' + forms[1].replace(/./g, exec); } return string.replace(/\.$/, ''); } console.log(format(123,'#.00')) console.log(format(123,'0.##')) console.log(format(123,'0000.00 ')) console.log(format(123456,'###,###.00'))
以上程式碼實現了我們的要求,程式碼比較簡單,這裡就不多介紹了,如有任何問題可以跟帖留言。
相關閱讀:
1.split()函式可以參閱javascript split()一章節。
2. pop()函式可以參閱javascript pop()一章節。
3.reverse()函式可以參閱javascript reverse()一章節。
4.join()函式可以參閱javascript join()一章節。
5.replace()函式可以參閱正規表示式replace()函式一章節
相關文章
- JavaScript取餘數程式碼例項JavaScript
- JavaScript倒數計時程式碼例項JavaScript
- JavaScript in運算子程式碼例項JavaScript
- 時間日期格式化程式碼例項
- 正則實現個位數補零程式碼例項
- 前端學習程式碼例項-JavaScript 生成隨機數前端JavaScript隨機
- JavaScript格式化數字JavaScript
- JavaScript運動框架程式碼例項JavaScript框架
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- JavaScript中常用的事件程式碼及例項JavaScript事件
- html實現簡單ListViews效果的例項程式碼HTMLView
- JavaScript陣列合並程式碼例項JavaScript陣列
- JavaScript 表單驗證程式碼例項JavaScript
- vuejs實現新增tag標籤程式碼例項VueJS
- 例項程式碼分享Python實現Linux監控PythonLinux
- JavaScript刪除元素節點程式碼例項JavaScript
- JavaScript隨滑鼠晃動的div塊程式碼例項JavaScript
- JavaScript 程式碼格式化JavaScript
- MyCat分片:水平拆分例項解析和程式碼實現!
- 前端學習程式碼例項-JavaScript阻止事件冒泡前端JavaScript事件
- JavaScript讀取文字檔案內容程式碼例項JavaScript
- python 單一程式例項 實現Python
- Python物件導向多型實現原理及程式碼例項Python物件多型
- CSS3文字凹凸效果程式碼例項CSSS3
- JavaScript 點選複製選中文字程式碼例項JavaScript
- Vscode內實現vue程式碼格式化VSCodeVue
- Python實現簡單網頁圖片抓取完整程式碼例項Python網頁
- dom操作程式碼例項
- css梯形程式碼例項CSS
- CSS3文字陰影效果程式碼例項CSSS3
- 前端學習程式碼例項-JavaScript 阻止擊超連結的跳轉前端JavaScript
- 127 PHP獲取網頁標題的3種實現方法程式碼例項PHP網頁
- 商品搶購倒數計時效果程式碼例項
- 獲取倒數第幾個元素程式碼例項
- 網頁倒數計時跳轉程式碼例項網頁
- HTML 使用表單標籤實現註冊頁面的例項程式碼HTML
- JavaScript數字千分位格式化JavaScript
- 設計模式例項程式碼設計模式
- table表格美化程式碼例項