js 千分位显示方法

最新推荐文章于 2025-05-09 17:20:40 发布

原创最新推荐文章于 2025-05-09 17:20:40 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript进行货币数值格式化的简单方法，通过正则表达式实现千分位分隔，适用于显示带有货币单位的大数值。

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

问题描述

应用中金钱数目常常使用千分位分隔，使用js写了一个简单的函数。

解决方案

可以使用字符串操作，也可以数组操作，不过最简单的还是正则替换。

参考方案

1.假设输入为1234567.89，正则中先提取出数额的整数部分n=1234567
2.然后对n继续使用正则替换，(\d)表示要查找一个数字，?=是正向肯定预查，标明要查找的这个数字符合的条件，即后面跟着至少一组连续三个数字并结束。1后面跟着234、567两组，4后面跟着567一组。正则后面的g表示查找全部符合条件的进行替换，没有g只会找到1就停止。
3.对得到的1和4进行替换得到’1,’和’4,’，1234567变成1,234,567。
4.返回的替换后的整数与小数部分拼接，输出1,234,567.78。

function get_thousand_num(num) {
    return num.toString().replace(/\d+/, function (n) { // 先提取整数部分
        return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) { // 对整数部分添加分隔符
            return $1 + ",";
        });
    });
}

测试代码

<html>
<head></head>
<script>
function get_thousand_num(num) {
    return num.toString().replace(/\d+/, function (n) { // 先提取整数部分
        return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) { // 对整数部分添加分隔符
            return $1 + ",";
        });
    });
}
alert(get_thousand_num(52323232322232.55635));
</script>

<body></body>
</html>

测试结果正确
弹出：52,323,232,322,232.555