js 千分位显示方法

最新推荐文章于 2022-02-10 11:14:53 发布

无名小仙男

最新推荐文章于 2022-02-10 11:14:53 发布

阅读量1.9k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/zxl8876/article/details/82985147

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

问题描述

应用中金钱数目常常使用千分位分隔，使用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

无名小仙男

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js 千分位显示方法

问题描述应用中金钱数目常常使用千分位分隔，使用js写了一个简单的函数。解决方案可以使用字符串操作，也可以数组操作，不过最简单的还是正则替换。参考方案假设输入为1234567.89，正则中先提取出数额的整数部分n=1234567然后对n继续使用正则替换，(\d)表示要查找一个数字，?=是正向肯定预查，标明要查找的这个数字符合的条件，即后面跟着至少一组连续三个数字并结束。1后面跟着234、...
复制链接

扫一扫

专栏目录