1. 程式人生 > >JS實現數字千位符格式化方法

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

/**
 *
 * @param num
 * @param precision
 * @param separator
 * @returns {*}
 *=======================================================
 *     formatNumber(10000)="10,000"
 *     formatNumber(10000, 2)="10,000.00"
 *     formatNumber(10000.123456, 2)="10,000.12"
 *     formatNumber(10000.123456, 2, ' ')="10 000.12"
 *     formatNumber(.123456, 2, ' ')="0.12"
 *     formatNumber(56., 2, ' ')="56.00"
 *     formatNumber(56., 0, ' ')="56"
 *     formatNumber('56.')="56"
 *     formatNumber('56.a')=NaN
 *=======================================================
 */
function formatNumber(num, precision, separator) {
    var parts;
    // 判斷是否為數字
    if (!isNaN(parseFloat(num)) && isFinite(num)) {
        // 把類似 .5, 5. 之類的資料轉化成0.5, 5, 為資料精度處理做準, 至於為什麼
        // 不在判斷中直接寫 if (!isNaN(num = parseFloat(num)) && isFinite(num))
        // 是因為parseFloat有一個奇怪的精度問題, 比如 parseFloat(12312312.1234567119)
        // 的值變成了 12312312.123456713
        num = Number(num);
        // 處理小數點位數
        num = (typeof precision !== 'undefined' ? num.toFixed(precision) : num).toString();
        // 分離數字的小數部分和整數部分
        parts = num.split('.');
        // 整數部分加[separator]分隔, 借用一個著名的正則表示式
        parts[0] = parts[0].toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + (separator || ','));

        return parts.join('.');
    }
    return NaN;
}


/**
 * 把數字轉換成貨幣的格式
 * @param decimals
 * @param dec_point
 * @param thousands_sep
 * @returns {string}
 */
Number.prototype.format=function(decimals, dec_point, thousands_sep){
    var num = (this + '')
        .replace(/[^0-9+\-Ee.]/g, '');
    var n = !isFinite(+num) ? 0 : +num,
        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);
            return '' + (Math.round(n * k) / k)
                    .toFixed(prec);
        };
    // Fix for IE parseFloat(0.55).toFixed(0) = 0;
    s = (prec ? toFixedFix(n, prec) : '' + Math.round(n))
        .split('.');
    if (s[0].length > 3) {
        s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
    }
    if ((s[1] || '')
            .length < prec) {
        s[1] = s[1] || '';
        s[1] += new Array(prec - s[1].length + 1)
            .join('0');
    }
    return s.join(dec);
}