js实现千位分隔符原

tianyawhl

发布于 2019-04-04 09:59:10

1.8K0

发布于 2019-04-04 09:59:10

文章被收录于专栏：前端之攻略前端之攻略

如果数字比较长每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({});

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2018/10/18 ，如有侵权请联系 cloudcommunity@tencent.com 删除

正则表达式

javascript

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

正则表达式

javascript

登录后参与评论

0 条评论

热度