Javascript 在jQuery中格式化数字的简单方法

我正在尝试使用jQuery的slider插件，它工作得很好，只是我需要将输出格式化为可读的数字，使用逗号，例如30402424，而不是30402424

我知道使用javascript是可能的，但我发现的唯一方法是冗长的。我做了一把小提琴，你可以明白我的意思

---

Javascript本身不支持根据需要格式化数字，但通过一些谷歌搜索，我发现了我过去使用过的以下熟悉的解决方案，为提高代码质量进行了一些修改

function addCommas(numberString) {
  numberString += '';
  var x = numberString.split('.'),
      x1 = x[0],
      x2 = x.length > 1 ? '.' + x[1] : '',
      rgxp = /(\d+)(\d{3})/;

  while (rgxp.test(x1)) {
    x1 = x1.replace(rgxp, '$1' + ',' + '$2');
  }

  return x1 + x2;
}

资料来源：

更新小提琴：

---

下面是另一个解决方案，它在Javascript中实现了PHP的

number\u format

函数，允许您做的不仅仅是每3个数字加一个逗号：

function number_format (number, decimals, dec_point, thousands_sep) {
    number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
    var n = !isFinite(+number) ? 0 : +number,
        prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
        sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
        dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
        s = '',
        toFixedFix = function (n, prec) {
            var k = Math.pow(10, prec);
            return '' + Math.round(n * k) / k;
        };
    // Fix for IE parseFloat(0.55).toFixed(0) = 0;
    s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
    if (s[0].length > 3) {
        s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
    }
    if ((s[1] || '').length < prec) {
        s[1] = s[1] || '';
        s[1] += new Array(prec - s[1].length + 1).join('0');
    }
    return s.join(dec);
}

函数编号格式（数字、小数、小数点、千位）{
数字=（数字+''）。替换（/[^0-9+\-Ee.]/g''）；
变量n=！isFinite（+数字）？0:+数字，
prec=！isFinite（+小数）？0:Math.abs（小数），
sep=（typeof millen\u sep=='undefined'）？，'：millen\u sep，
dec=（dec_点的类型==‘未定义’？’：dec_点，
s=“”，
toFixedFix=函数（n，prec）{
var k=数学功率（10，prec）；
返回“”+数学四舍五入（n*k）/k；
};
//修正IE parseFloat（0.55）。toFixed（0）=0；
s=（prec？toFixedFix（n，prec）：“”+数学四舍五入（n））.split（‘.）；
如果（s[0]。长度>3）{
s[0]=s[0]。替换（/\B（？=（？：\d{3}）+（？！\d））/g，sep）；
}
如果（（s[1]| |“）。长度

用法：

number_格式（123456.789，2，'，'，'）导致
123456.79

资料来源：

Fiddle:
Javascript本身不支持根据需要格式化数字，但通过一些谷歌搜索，我发现了我过去使用过的以下熟悉的解决方案，为了更好的代码质量进行了一些修改

function addCommas(numberString) {
  numberString += '';
  var x = numberString.split('.'),
      x1 = x[0],
      x2 = x.length > 1 ? '.' + x[1] : '',
      rgxp = /(\d+)(\d{3})/;

  while (rgxp.test(x1)) {
    x1 = x1.replace(rgxp, '$1' + ',' + '$2');
  }

  return x1 + x2;
}

资料来源：

更新小提琴：


下面是另一个解决方案，它在Javascript中实现了PHP的
number\u format
函数，允许您做的不仅仅是每3个数字加一个逗号：

function number_format (number, decimals, dec_point, thousands_sep) {
    number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
    var n = !isFinite(+number) ? 0 : +number,
        prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
        sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
        dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
        s = '',
        toFixedFix = function (n, prec) {
            var k = Math.pow(10, prec);
            return '' + Math.round(n * k) / k;
        };
    // Fix for IE parseFloat(0.55).toFixed(0) = 0;
    s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
    if (s[0].length > 3) {
        s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
    }
    if ((s[1] || '').length < prec) {
        s[1] = s[1] || '';
        s[1] += new Array(prec - s[1].length + 1).join('0');
    }
    return s.join(dec);
}

函数编号格式（数字、小数、小数点、千位）{
数字=（数字+''）。替换（/[^0-9+\-Ee.]/g''）；
变量n=！isFinite（+数字）？0:+数字，
prec=！isFinite（+小数）？0:Math.abs（小数），
sep=（typeof millen\u sep=='undefined'）？，'：millen\u sep，
dec=（dec_点的类型==‘未定义’？’：dec_点，
s=“”，
toFixedFix=函数（n，prec）{
var k=数学功率（10，prec）；
返回“”+数学四舍五入（n*k）/k；
};
//修正IE parseFloat（0.55）。toFixed（0）=0；
s=（prec？toFixedFix（n，prec）：“”+数学四舍五入（n））.split（‘.）；
如果（s[0]。长度>3）{
s[0]=s[0]。替换（/\B（？=（？：\d{3}）+（？！\d））/g，sep）；
}
如果（（s[1]| |“）。长度

用法：
number_格式（123456.789，2，'，'，'）导致
123456.79

资料来源：

小提琴：使用以下方法：

工作示例：
使用以下方法：

工作示例：
考虑使用accounting.js。它是一个用于数字、货币和货币格式化的小型JavaScript库

考虑使用accounting.js。它是一个用于数字、货币和货币格式化的小型JavaScript库

使用regexp

ui.value = (ui.value).toString().split("").reverse().join("").replace(/(\d{3})(?=\d)/g,"$1,").split("").reverse("").join("")

使用regexp

ui.value = (ui.value).toString().split("").reverse().join("").replace(/(\d{3})(?=\d)/g,"$1,").split("").reverse("").join("")

这是一个复制品

但供您参考，中提供的解决方案允许我编辑您的

这是一个复制品

但供您参考，中提供的解决方案允许我编辑您的

试试这个：

function formatNumber(n){
    n += '';
    x = n.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}

不记得是从哪里得到的，但在这里使用过：
试试这个：

function formatNumber(n){
    n += '';
    x = n.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}

我不记得是从哪里得到的，但在这里使用过：
在答案中包括链接源的相关部分，后面是正确的参考。Stack Overflow的所有答案都应该是可以理解的，无需遵循链接。谢谢你的提示，Rob。这里还没有回答太多的问题！我现在就更正我的答案。：）添加了另一个可能有用的更高级的示例。在答案中包含链接源的相关部分，后面是正确的引用。Stack Overflow的所有答案都应该是可以理解的，无需遵循链接。谢谢你的提示，Rob。这里还没有回答太多的问题！我现在就更正我的答案。：）添加了另一个可能有用的更高级示例。解决方案存在缺陷。允许使用明显不正确的数字，如275579809,0英镑。应为2755798090英镑解决方案存在缺陷。允许使用明显不正确的数字，如275579809,0英镑。应为2755798090DUPE:-下面的每个正确答案执行链接问题的@dave1010解决方案DUPE:-下面的每个正确答案执行链接问题的@dave1010解决方案