JS实现数字千位符格式化方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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);
}

 

以上是关于JS实现数字千位符格式化方法的主要内容,如果未能解决你的问题,请参考以下文章

金额保留两位小数并添加千位符js

vue+element-ui 失去焦点添加千位符获取焦点去掉千位符的输入框

如何显示或隐藏数字中的千位分隔符

新手 js 金额千位格式化函数 有几个问题 高手求解 急用!!!用千位数字举个例子

千位符

java中实现千位分割符