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

Question

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

我知道使用 javascript 是可行的，但我发现的唯一方法非常冗长。我创建了一个 fiddle ，所以你可以明白我的意思......

http://jsfiddle.net/EX5U7/

Answer 1

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;
}

来源:http://www.mredkj.com/javascript/numberFormat.html

更新 fiddle :http://jsfiddle.net/EX5U7/8/

---

这是另一个解决方案，它在 Javascript 中实现了 PHP 的 number_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);
}

用法:number_format(123456.789, 2, '.', ','); 结果为 123,456.79

来源:http://phpjs.org/functions/number_format:481

fiddle :http://jsfiddle.net/EX5U7/10/