Javascript將數(shù)值轉(zhuǎn)換為金額格式(分隔千分位和自動增加小數(shù)點(diǎn))
在項目里碰到需要把類似'450000'的數(shù)字轉(zhuǎn)換為會計記賬所用的格式,'450,000.00',分隔千分位和小數(shù)點(diǎn)后不夠兩位數(shù)時自動補(bǔ)齊,已下記錄幾種實(shí)現(xiàn)的方式
ps:如果不考慮后面的小數(shù)點(diǎn),最快捷的方法:
"12345678".replace(/[0-9]+?(?=(?:([0-9]{3}))+$)/g,function(a){return a+','}); //輸出 12 345 678
1.用循環(huán)的方式實(shí)現(xiàn)
function formatNum(str){ var newStr = ""; var count = 0; if(str.indexOf(".")==-1){ for(var i=str.length-1;i>=0;i--){ if(count % 3 == 0 && count != 0){ newStr = str.charAt(i) + "," + newStr; }else{ newStr = str.charAt(i) + newStr; } count++; } str = newStr + ".00"; //自動補(bǔ)小數(shù)點(diǎn)后兩位 console.log(str) } else { for(var i = str.indexOf(".")-1;i>=0;i--){ if(count % 3 == 0 && count != 0){ newStr = str.charAt(i) + "," + newStr; //碰到3的倍數(shù)則加上“,”號 }else{ newStr = str.charAt(i) + newStr; //逐個字符相接起來 } count++; } str = newStr + (str + "00").substr((str + "00").indexOf("."),3); console.log(str) } } formatNum('13213.24'); //輸出13,213.34 formatNum('132134.2'); //輸出132,134.20 formatNum('132134'); //輸出132,134.00 formatNum('132134.236'); //輸出132,134.236
2.使用正則(比較不足的是還是得自己去判斷小數(shù)點(diǎn)后面的位數(shù),有更智能的正則請通知我~)
function regexNum(str){ var regex = /(\d)(?=(\d\d\d)+(?!\d))/g; if(str.indexOf(".") == -1){ str= str.replace(regex,',') + '.00'; console.log(str) }else{ var newStr = str.split('.'); var str_2 = newStr[0].replace(regex,','); if(newStr[1].length <= 1){ //小數(shù)點(diǎn)后只有一位時 str_2 = str_2 + '.' + newStr[1] +'0'; console.log(str_2) }else if(newStr[1].length > 1){ //小數(shù)點(diǎn)后兩位以上時 var decimals = newStr[1].substr(0,2); var srt_3 = str_2 + '.' + decimals; console.log(srt_3) } } }; regexNum('23424224'); //輸出2,42,224.00 regexNum('23424224.2'); //輸出2,42,224.20 regexNum('23424224.22'); //輸出2,42,224.22 regexNum('23424224.233'); //輸出2,42,224.23
以上就是本文的全部內(nèi)容,了解更多JavaScript的語法,大家可以查看:《JavaScript 參考教程》、《JavaScript代碼風(fēng)格指南》,也希望大家多多支持腳本之家。
- JS控制只能輸入數(shù)字并且最多允許小數(shù)點(diǎn)兩位
- js取小數(shù)點(diǎn)后兩位四種方法
- js限制input只能輸入有效的數(shù)字(第一個不能是小數(shù)點(diǎn))
- Angularjs中的驗證input輸入框只能輸入數(shù)字和小數(shù)點(diǎn)的寫法(推薦)
- javascript 取小數(shù)點(diǎn)后幾位幾種方法總結(jié)
- JS取數(shù)字小數(shù)點(diǎn)后兩位或n位的簡單方法
- JS驗證 只能輸入小數(shù)點(diǎn),數(shù)字,負(fù)數(shù)的實(shí)現(xiàn)方法
- 文本框只能輸入數(shù)字的js代碼(含小數(shù)點(diǎn))
- JavaScript 如何刪除小數(shù)點(diǎn)后的數(shù)字
相關(guān)文章
微信js-sdk預(yù)覽圖片接口及從拍照或手機(jī)相冊中選圖接口用法示例
這篇文章主要介紹了微信js-sdk預(yù)覽圖片接口及從拍照或手機(jī)相冊中選圖接口用法,較為詳細(xì)的分析了預(yù)覽圖片接口及與拍照或手機(jī)相冊中選圖接口的功能、調(diào)用方法與相關(guān)使用技巧,需要的朋友可以參考下2016-10-10在 JavaScript 中保留小數(shù)點(diǎn)后兩位的方法
在 JavaScript 中,有多種方法可以保留小數(shù)點(diǎn)后兩位,本文給大家分享比較常用的方法,文末給大家介紹了實(shí)現(xiàn)數(shù)據(jù)格式化保留兩位小數(shù)的多種方法,感興趣的朋友一起看看吧2023-10-10淺談js函數(shù)中的實(shí)例對象、類對象、局部變量(局部函數(shù))
下面小編就為大家?guī)硪黄獪\談js函數(shù)中的實(shí)例對象、類對象、局部變量(局部函數(shù))。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11javascript設(shè)計模式 – 單例模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計模式 – 單例模式原理與應(yīng)用,結(jié)合實(shí)例形式分析了javascript單例模式原理、定義、應(yīng)用場景及相關(guān)操作注意事項,需要的朋友可以參考下2020-04-04使用JavaScript實(shí)現(xiàn)一個拖拽縮放效果
這篇文章主要介紹了如何使用JS實(shí)現(xiàn)一個這樣的拖拽縮放效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-05-05