格式化数字，逢千位数加逗号

最新推荐文章于 2024-01-08 17:18:35 发布

前端菜鸟。

最新推荐文章于 2024-01-08 17:18:35 发布

阅读量840

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_41839808/article/details/88544194

本文介绍两种使用JavaScript实现数字格式化的方法。一是通过递归函数处理整数部分，二是利用正则表达式和toLocaleString()函数，适用于带有或不带小数点的数字，有效解决大数字的显示问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：js方法实现
思路：先判断是否有小数点，有小数点的需截取小数点前面的数字部分进行处理，处理写的是一个递归函数
function formatNumber(str) {
var baseLen = 3;
if(str.indexOf(’.’) !== -1) {
baseLen += str.length - str.indexOf(’.’);
}
if(str.length <= baseLen){
return str;
} else {
return formatNumber(str.substring(0,str.length- baseLen))+’,’+str.substring(str.length-baseLen);
}
}

方式二：结合正则
若有小数点，则直接用toLocaleString()格式化；没有小数点的情况用正则格式化
function numFormat(num) {
return num.toString().indexOf (’.’) !== -1
? num.toLocaleString()
: num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, ‘$1,’)
}

匹配规则就是：将该num转化为字符串后，全局（/g）正向匹配，看是否符合断言（?=(?:\d{3})+$）部分，直到匹配结束。即遇到数字 + 该数字后面紧跟连续的三位数字（并且不管这连续的三位数字出现多少次），符合则在该数字（’$1’）后加入逗号，替换的时候忽略（？：）这连续的三位数.