按照业务需求,格式化金额数字。
要求:1、每隔三位数字用逗号分隔。2、只保留两位小数。3、小数四舍五入
export function moneyFormat(num, decimal = 2. split = ",") {
/*
parameter:
num: 格式化目标数字
decimal: 保留几位小数,默认两位
split: 千分位分隔符,默认为 ","
moneyFormat(123456789.5461684, 2, ',') //123,456,789.55
*/
if (isFinite(num)) { // num是数字
if( num === 0 ) { // num为0
return num.toFixed(decimal) // 直接在数字后面加上小数点并默认两位小数
} else { // num非0
var res = ''
var dotIndex = String(num).indexOf('.')
if (dotIndex === -1) { //整数
res = String(num).replace(/(\d)(?=(?:\d{3})+$)/g,`$1${split}`) + '.' + '0'.repeat(decimal) // 详情参照链接
} else { //非整数
const numStr = String((Math.round(num * Math.pow(10, decimal)) / Math.pow(10, decimal)).toFixed(decimal)) // 四舍五入,然后固定保留两位小数
const decimals = numStr.slice(dotIndex, dotIndex + decimals + 1) // 截取小数位
res = String(numStr.slice(0, dotIndex)).replace(/(\d)(?=(?:\d{3})+$)/g, `$1{split}`) + decimals
}
return res
}
}
}
解析一下重点代码:
res的取值: 正则表达式 - 千分位分隔符
numStr的取值:因为使用toFixed()进行四舍五入会有弊端,因而采用更为保险的Math.round()方法。
首先把要处理的小数的小数点往右移动(你所要保留的小数)位数
而后进行round方法的四舍五入
进行前两步操作之后我们得到一个最终答案的去除小数点版本
接下来再把经过前两步处理之后的数字的小数点往左移动(你所要保留的小数)位数
最后保险起见再用toFixed()方法处理一下