JS实现千位分隔符的两种方法

小半 • 2022年12月25日下午5:26 • 前端开发 • 阅读 99

分享JS实现千位分隔符的两种方法

自己最好在 VScode 进行练习，看不如动手来得深刻

方法一：普通方法

  <script>
        function numFormat(num) {
            var tmp = num.toString().split("."); // 变成字符，然后用“.” 分开小数点前后两个部分为一个数组tmp[0]和tmp[1]            // console.log(num);
            var arr = tmp[0].split("").reverse(); // 变成数组，然后翻转0
            // console.log(tmp);
            var res = [];
            for (var i = 0; i < arr.length; i++) {
                if (i % 3 == 0 && i != 0) { // 在3的倍数前先添加“,”
                    res.push(",");
                    res.push(arr[i]);
                } else {
                    res.push(arr[i]);
                }
            }
            var a = res.reverse().join(""); // 再次翻转，变成顺序
            console.log(a);
            tmp[0] = a;
            console.log(tmp);
            var result = tmp.join("."); // 与小数点后面的结合成字符串
            console.log(result); // 32,434,542.2323
            return result;
        }
        numFormat(32434542.2323);
    </script>

方法二：正则的方法（个人喜欢）

     <script>
        function numFormat(num) {
            var res = num.toString().replace(/\d+/, function (n) { // 先提取整数部分
                return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) {
                    return $1 + ",";
                });
            })
            return res;
        }

        var num1 = 45465454654513;
        var num2 = 87985513.464984;
        console.log(numFormat(num1)); // 45,465,454,654,513
        console.log(numFormat(num2)); // 87,985,513.464984
    </script>