本文共 1884 字，大约阅读时间需要 6 分钟。

添加千分符或叫做千分位分隔符，是一种对大数值进行格式化表示的常见需求。简单来说，就是将连续的数字按照一定的规则插入逗号，以便于阅读和理解。下面来看三个不同的实现方法。

方法一：

script>      var input = document.querySelector("input");    var p = document.querySelector("p");    var btn = document.querySelector("button");    btn.onclick = function() {        var str = input.value;        var strArray = str.split("");        var more = strArray.slice(0, strArray.length % 3);        strArray = strArray.slice(strArray.length % 3);        strArray = strArray.match(/[0-9]{3}/g) || [];        str = more.join("") + ",".join(strArray.join(""));        p.innerHTML = str;    };  script>

优点：简单易懂，但对于超过千位的数字可能效率不高。

方法二：

script>      var input = document.querySelector("input");    var p = document.querySelector("p");    var btn = document.querySelector("button");    btn.onclick = function() {        var str = input.value;        var reg = /(\d+)(\d{3})/;        while (reg.test(str)) {            str = str.replace(reg, function($1, $2) {                return $1 + "," + $2;            });        }        p.innerHTML = str;    };  script>

优点：高效处理大数字串，重复替换操作直到没有匹配情况为止。

方法三：

script>      var input = document.querySelector("input");    var p = document.querySelector("p");    var btn = document.querySelector("button");    btn.onclick = function() {        var str = input.value.split("").reverse().join("");        var reg = /\d{3}/g;        str = str.replace(reg, function($0) {            return $0 + ",";        });        str = str.split('').reverse().join("");        if (str.length % 3 == 0) {            str = str.substring(1);        }        p.innerHTML = str;    };  script>

优点主要体现在，能够有效地实现对大数字串的千分符格式转换，并且支持多次添加功能，代码简洁且易于维护。

通过以上方法，你可以根据实际需求选择最适合的实现方式。