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)