js - 关于金额数值的处理

我会带着你远行 2021-09-30 14:24 486阅读 0赞

1、封装好的处理方法

/*
    * filter.js
    * 参数说明：
    * number：要格式化的数字
    * decimals：保留几位小数
    * dec_point：小数点符号
    * thousands_sep：千分位符号
    * roundtag:舍入参数， "ceil" 向上取,"floor"向下取,"round" 四舍五入(默认)
    * */
    export function number_format(number, decimals, dec_point, thousands_sep, roundtag) {
    
        number = (number + '').replace(/[^0-9+-Ee.]/g, '');
        roundtag = roundtag || "round"; //"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);
    }

2、使用方法  
（1）在项目中main.js文件中引入上方代码存放的位置

import { number_format } from './libs/filter/filter';
       //  存放到vue原型上 Vue.prototype：
        Vue.prototype.$thousand_bit = number_format;

（2）在使用到的页面直接通过以下方法使用即可：

this.$thousand_bit ('金额数量')