js实现千位分隔符 原

如果数字比较长每3个数字用 “,” 隔开,方便查看,如:7,890,789.0

现我们用几种方法实现

(1)正则表达式

("7890789.0").replace(/\d(?=(?:\d{3})+\b)/g, '$&,')

这句代码什么意思呢,刚一看,比较迷茫,首先需要了解几个常用的正则表达式符号的意思

\d        :  匹配一个数字

(?:x)    :  匹配 'x' 但是不记住匹配项。这种叫作非捕获括号

x(?=y):匹配'x'仅仅当'x'后面跟着'y'.这种叫做正向肯定查找

{n}     :n是一个正整数,匹配了前面一个字符刚好发生了n次

\b      :用来匹配单词的边界,大小写字母、数字、下划线可以组成单词的字符,这些字符和其它字符相邻则为单词边界 如abcd@ , d与@之间就可以用\b匹配,本文的例子来说7890789.0其中9与 “.” 之间的位置(单词字符与非单词字符之间的位置)就是单词的边界

了解上面常用的正则表达式的意思,我们就可以理解下面这串比较长的正则表达式的意思

("7890789.0").replace(/\d(?=(?:\d{3})+\b)/g, '$&,') 可以解释为匹配一个数字,这个数字后面与小数点之前这个范围是3的倍数的数字,其中\b的作用是控制小数点之前,匹配的这个数字最后替换为这个数字与 “,”组成的字符串

看下面的示意图,可能更好理解

其他方法

第二种方法  
console.log(("78907899.0").replace(/\d{1,3}(?=(\d{3})+\b)/g, '$&,'))

第三种方法  
console.log(("7907899.00").replace(/(\d)(?=(\d{3})+\b)/g, '$1,'))
//$1表示正则中第一对圆括号内匹配的内容,$&表示与 regexp 相匹配的子串,所以可以不用括号,但是$1一定匹配第一个带圆括号的
    
第四种方法  
console.log((78907899.10).toLocaleString('en-US'));//这种方法不大好,如果小数点后是0就省略了

最后一种方法

    var nums = "78907899.0012"
    var result;
    var agentArr = [];
    var newNum;
    var point;
    var str = "";
    if (nums.indexOf(".") != -1) {
        agentArr = nums.split(".");
        newNum = agentArr[0]
        point = agentArr[1]
    } else {
        newNum = nums;
        point = ""
    }
    console.log(newNum)
    var len = Math.ceil(newNum.length / 3)
    var len1 = newNum.length % 3
    console.log(len, len1)
    for (var i = 0; i < len; i++) {
        if (len1 != 0) {
            console.log("hi")
            if (i == 0) {
                str = str + newNum.substr(0, len1) + ", "
                console.log(str)
            } else if (i !== 0 && i !== 2) {
                str = str + newNum.substr(len1 + 3 * (i - 1), 3) + ", "
                console.log(str)
            } else {
                str = str + newNum.substr(len1 + 3 * (i - 1), 3)
                console.log(str)
            }
        } else {
            str = str + newNum.substr(3 * (i + 1), 3) + ", "
        }
    }
    if (nums.indexOf(".") != -1) {
        result = str + "." + point
    } else {
        result = str
    }
    console.log(result)

(adsbygoogle = window.adsbygoogle || []).push({});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券