对于数字的处理，逢三位数转逗号 || 数字转千分位

最新推荐文章于 2025-03-04 16:22:20 发布

Judy1623

最新推荐文章于 2025-03-04 16:22:20 发布

阅读量715

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端知识点 js 工具函数文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_39100915/article/details/81030216

js 同时被 3 个专栏收录

41 篇文章

订阅专栏

前端知识点

38 篇文章

订阅专栏

工具函数

6 篇文章

订阅专栏

本文介绍两种数字格式化方法，一种是使用循环实现千位分隔符，另一种是利用正则表达式实现相同功能。此外，还提供了一种改进的方法来支持小数的格式化。

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

数字逢三转逗号

方法一：

function changeTree(num) {
        var num = (num || 0).toString();
        var result = '';
        while (num.length > 3) {
            result = ',' + num.slice(-3) + result;
            num = num.slice(0, num.length - 3);
        }
        if (num) { result = num + result; }
        return result;
    }

    console.log(changeTree(100000000)) //100,000,000

方法二：正则

var aa="1000000";
var re=/(?=(?!\b)(\d{3})+$)/g
console.log(aa.replace(re,',')); //1,000,000

注意：以上两个方法不支持小数

完善：支持小数

function formatNum(str) {
	var str = String(str)
    var newStr = "";
    var count = 0;
    // 当数字是整数
    if (str.indexOf(".") == -1) {
        for (var i = str.length - 1; i >= 0; i--) {
            if (count % 3 == 0 && count != 0) {
                newStr = str.charAt(i) + "," + newStr;
            } else {
                newStr = str.charAt(i) + newStr;
            }
            count++;
        }
        str = newStr ; //自动补小数点后两位
        return str;
    }
    // 当数字带有小数
    else {
        for (var i = str.indexOf(".") - 1; i >= 0; i--) {
            if (count % 3 == 0 && count != 0) {
                newStr = str.charAt(i) + "," + newStr;
            } else {
                newStr = str.charAt(i) + newStr; //逐个字符相接起来
            }
            count++;
        }
        str = newStr + (str + "00").substr((str + "00").indexOf("."), 3);
        return str;
    }
}

formatNum('13213.24'); //输出13,213.34