JS實現數字千位符格式化方法

 

 

 

/**
 * [number_format 參數說明：]
 * @param  {[type]} number        [number：要格式化的數字]
 * @param  {[type]} decimals      [decimals：保留幾位小數]
 * @param  {[type]} dec_point     [dec_point：小數點符號]
 * @param  {[type]} thousands_sep [thousands_sep：千分位符號]
 * @param  {[type]} roundtag      [roundtag:舍入參數，默認 "ceil" 向上取,"floor"向下取,"round" 四舍五入]
 * @return {[type]}               [description]
 *    
 */
function number_format(number, decimals, dec_point, thousands_sep, roundtag) {

    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

 

 

 

如果這篇文章對您有幫助，您可以打賞我