前端開發中經常會碰到用 JavaScript?格式化數字，最最常見的是格式化金額，一般格式化金額需要千分位分隔，保留2位小數等等。
簡單的功能函數
類似的代碼網上有很多：
/** * 將數值四舍五入(保留2位小數)后格式化成金額形式 * * @param num 數值(Number或者String) * @return 金額格式的字符串,如'1,234,567.45' * @type String */function formatCurrency(num) { num = num.toString().replace(//$|/,/g,''); if(isNaN(num)) num = "0"; sign = (num == (num = Math.abs(num))); num = Math.floor(num*100+0.50000000001); cents = num%100; num = Math.floor(num/100).toString(); if(cents<10) cents = "0" + cents; for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++) num = num.substring(0,num.length-(4*i+3))+','+ num.substring(num.length-(4*i+3)); return (((sign)?'':'-') + num + '.' + cents);}或者
function fmoney(s, n) { /* * 參數說明： * 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 (i = 0; i < l.length; i++) { t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : ""); } return t.split("").reverse().join("") + "." + r;}//調用fmoney(9.7,2);//9.70fmoney('12345.675910', 3);//12,345.676更加完善的功能函數
這些代碼基本能很好的運行。不過關系到經濟利益的時候，還要考慮舍去或者舍入幾厘。大家懂的，每個用戶幾厘錢可能帶來巨大的經濟收益。就比如說收手續費，如果一筆手續費計算出來是 3.4521 元，精確到分一般都會收 3.46 元。當然如果是付出去，那可能就是直接舍去了，一般會計算為 3.45 元。
以前收集過類似方法，不過在使用的時候會有BUG，JS 浮點型計算的精度問題。所以抽時間修復了一下：
function number_format(number, decimals, dec_point, thousands_sep,roundtag) { /* * 參數說明： * number：要格式化的數字 * decimals：保留幾位小數 * dec_point：小數點符號 * thousands_sep：千分位符號 * roundtag:舍入參數，默認 "ceil" 向上取,"floor"向下取,"round" 四舍五入 * */ number = (number + '').replace(/[^0-9+-Ee.]/g, ''); roundtag = roundtag || "ceil"; //"ceil","floor","round" var n = !isFinite(+number) ? 0 : +number, prec = !isFinite(+decimals) ? 0 : Math.abs(decimals), sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep, dec = (typeof dec_point === 'undefined') ? '.' : dec_point, s = '', toFixedFix = function (n, prec) { var k = Math.pow(10, prec); console.log(); return '' + parseFloat(Math[roundtag](parseFloat((n * k).toFixed(prec*2))).toFixed(prec*2)) / k; }; s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.'); var re = /(-?/d+)(/d{3})/; while (re.test(s[0])) { s[0] = s[0].replace(re, "$1" + sep + "$2"); } if ((s[1] || '').length < prec) { s[1] = s[1] || ''; s[1] += new Array(prec - s[1].length + 1).join('0'); } return s.join(dec);}console.log(number_format(2, 2, ".", ","))//"2.00"console.log(number_format(3.7, 2, ".", ","))//"3.70"console.log(number_format(3, 0, ".", ",")) //"3"console.log(number_format(9.0312, 2, ".", ","))//"9.03"console.log(number_format(9.00, 2, ".", ","))//"9.00"console.log(number_format(39.715001, 2, ".", ",", "floor")) //"39.71"console.log(number_format(9.7, 2, ".", ","))//"9.70"console.log(number_format(39.7, 2, ".", ","))//"39.70"console.log(number_format(9.70001, 2, ".", ","))//"9.71"console.log(number_format(39.70001, 2, ".", ","))//"39.71"console.log(number_format(9996.03, 2, ".", ","))//"9996.03"console.log(number_format(1.797, 3, ".", ",", "floor"))//"1.797"參數有點多，你可以根據你自己的需求去修改。
推薦的類庫 Numeral.js 和 accounting.js
Numeral.js
一個用于格式化和操作數字的JavaScript庫。數字可以被格式化為貨幣，百分比，時間，幾個小數位數，千分位等等。 您也可以隨時創建自定義格式。
官網及文檔：http://numeraljs.com/
GitHub：https://github.com/adamwdraper/Numeral-js
accounting.js
一個輕量級的JavaScript庫，用于格式化數字，金額和貨幣等。
官網及文檔：http://openexchangerates.github.io/accounting.js/
GitHub：accounting.js
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
