Web前端面试题学习：实现数字千分位用逗号分割

最新推荐文章于 2024-11-08 00:09:17 发布

原创

最新推荐文章于 2024-11-08 00:09:17 发布

· 927 阅读

版权

文章标签：

本文探讨了三种在Web前端实现数字千分位用逗号分割的方法：使用toLocaleString()，通过正则表达式，以及逐个取值添加逗号。详细解释了正则表达式的匹配规则，并针对含有小数的数字提出了解决方案。

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

var a = 8462948.24;
b.toLocaleString();
//8,462,948.24

var num = 846294831;
var reg=/\d{1,3}(?=(\d{3})+$)/g; 
(num + '').replace(reg, '$&,');

匹配规则：

正则表达式 \d{1,3}(?=(\d{3})+$) 表示前面有1~3个数字，后面的至少由一组3个数字结尾。

?=表示正向引用，可以作为匹配的条件，但匹配到的内容不获取，并且作为下一次查询的开始。

$& 表示与正则表达式相匹配的内容，具体的使用可以查看字符串replace()方法的

num.toString().replace(/(\d)(?=(?:\d{3})+$)/g,'$1,')

匹配规则：

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

不过上面两种正则对含有小数位数数字会失效,有小数点我们可以用split()分割，得到数组，里面存储这整数和小数部分࿰