我是靠谱客的博主 狂野鸭子,这篇文章主要介绍金额数字的格式化方法,现在分享给大家,希望可以做个参考。

按照业务需求,格式化金额数字。
要求: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()方法处理一下

最后

以上就是狂野鸭子最近收集整理的关于金额数字的格式化方法的全部内容,更多相关金额数字内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(120)

评论列表共有 0 条评论

立即
投稿
返回
顶部