JQuery 数字格式

Question

关于这个基本功能有太多的问题和答案，我只见树木不见森林。

在 Java 中只有一个简单的答案（java.text.NumberFormat 及其子类），因此我确信大多数插件、问题和答案最终都会成熟为 JQuery 的事实上的标准。

这个插件是迄今为止我发现的最好的插件，但我不知道它是否仍在开发，是否成熟等。

http://plugins.jquery.com/project/numberformatter

有更好的解决方案吗？是否成熟/活跃，足以依赖？

---

编辑：

我希望能够根据Java使用的相同格式模式来格式化货币、小数、整数，以便可以格式化客户端接收的数据，而无需先将其发送到服务器。

例如，

将 1000 格式化为 $1,000 或 1,000.00 等（区域设置支持很好）

似乎 http://plugins.jquery.com/project/numberformatter 可以完成这项工作，但问题是：“我使用的东西正确吗？”或“有更好的方法吗？”

Answer 1

我建议您查看这篇文章，了解如何使用 javascript 处理基本格式：

function addCommas(nStr)
{
    nStr += '';
    x = nStr.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;
}

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

虽然 jQuery 可以通过一百万种不同的方式让你的生活变得更轻松，但我想说这有点矫枉过正了。请记住，jQuery 可能相当大，当您在页面上使用它时，用户的浏览器需要下载它。

当使用 jQuery 时，您应该退后一步，问问它是否有足够的贡献来证明下载库的额外开销是合理的。

如果您需要某种高级格式（例如您链接的插件中的本地化内容），或者您已经包含了 jQuery，那么可能值得考虑一下 jQuery 插件。

旁注 - 如果您想了解一下过度使用的情况，请查看此内容 jQuery。

Answer 2

使用 jQuery Number Format 插件，您可以获得格式化的数字三种方法之一：

// Return as a string
$.number( 1234.5678, 2 ); // Returns '1,234.57'

// Place formatted number directly in an element:
$('#mynum').number( 1234.5678 ); // #mynum would then contain '1,235'

// Replace existing number values in any element
$('span.num').number( true, 2 ); // Formats and replaces existing numbers in those elements.

如果您不喜欢这种格式，或者需要本地化，还有其他参数可以让您选择数字的格式：

.number( theNumber,decimalPlaces,decimalSeparator,thousandSeparator )

您还可以获取来自 GitHub 的 jQuery 数字格式。

Answer 3

浏览器开发进度：

https://developer.mozilla .org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString

 Number.toLocaleString(locale);

 // E.g.
 parseFloat("1234567.891").toLocaleString(window.document.documentElement.lang);
 "1,234,567.891"

Answer 4

我在 number_format 的基础上编写了 PHP 函数 number_format 的 JavaScript 模拟strong>Abe Miessler addCommas 函数。可能有用。

number_format = function (number, decimals, dec_point, thousands_sep) {
        number = number.toFixed(decimals);

        var nstr = number.toString();
        nstr += '';
        x = nstr.split('.');
        x1 = x[0];
        x2 = x.length > 1 ? dec_point + x[1] : '';
        var rgx = /(\d+)(\d{3})/;

        while (rgx.test(x1))
            x1 = x1.replace(rgx, '$1' + thousands_sep + '$2');

        return x1 + x2;
    }

例如：

var some_number = number_format(42661.55556, 2, ',', ' '); //gives 42 661,56

Answer 5

如果您需要处理多种货币、各种数字格式等，我可以推荐 autoNumeric。工作是一种享受。现已成功使用它好几年了。

Answer 6

将此 http://www.mredkj.com/javascript/numberFormat.html 和 < code>$('.number').formatNumber(); 概念结合在一起，您可以使用以下代码行；

例如 1172907.50 的格式将类似于 1,172,907.50

$('.number').text(function () { 
    var str = $(this).html() + ''; 
    x = str.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'); 
    } 
    $(this).html(x1 + x2); 
});

Answer 7

http://jquerypriceformat.com/#examples

https://github.com/flaviosilveira/Jquery-Price-Format

html 输入运行实时机会。

<input type="text" name="v7"  class="priceformat"/>
<input type="text" name="v8"  class="priceformat"/>


$('.priceformat').each(function( index ) {
    $(this).priceFormat({ prefix: '',  thousandsSeparator: '' });
});

//5000.00

//5.000,00

//5,000.00

Answer 8

http://locutus.io/php/strings/number_format/

module.exports = function number_format (number, decimals, decPoint, thousandsSep) { // eslint-disable-enter code hereline camelcase
  //  discuss at: http://locutus.io/php/number_format/
  // original by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
  // improved by: Kevin van Zonneveld (http://kvz.io)
  // improved by: davook
  // improved by: Brett Zamir (http://brett-zamir.me)
  // improved by: Brett Zamir (http://brett-zamir.me)
  // improved by: Theriault (https://github.com/Theriault)
  // improved by: Kevin van Zonneveld (http://kvz.io)
  // bugfixed by: Michael White (http://getsprink.com)
  // bugfixed by: Benjamin Lupton
  // bugfixed by: Allan Jensen (http://www.winternet.no)
  // bugfixed by: Howard Yeend
  // bugfixed by: Diogo Resende
  // bugfixed by: Rival
  // bugfixed by: Brett Zamir (http://brett-zamir.me)
  //  revised by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
  //  revised by: Luke Smith (http://lucassmith.name)
  //    input by: Kheang Hok Chin (http://www.distantia.ca/)
  //    input by: Jay Klehr
  //    input by: Amir Habibi (http://www.residence-mixte.com/)
  //    input by: Amirouche
  //   example 1: number_format(1234.56)
  //   returns 1: '1,235'
  //   example 2: number_format(1234.56, 2, ',', ' ')
  //   returns 2: '1 234,56'
  //   example 3: number_format(1234.5678, 2, '.', '')
  //   returns 3: '1234.57'
  //   example 4: number_format(67, 2, ',', '.')
  //   returns 4: '67,00'
  //   example 5: number_format(1000)
  //   returns 5: '1,000'
  //   example 6: number_format(67.311, 2)
  //   returns 6: '67.31'
  //   example 7: number_format(1000.55, 1)
  //   returns 7: '1,000.6'
  //   example 8: number_format(67000, 5, ',', '.')
  //   returns 8: '67.000,00000'
  //   example 9: number_format(0.9, 0)
  //   returns 9: '1'
  //  example 10: number_format('1.20', 2)
  //  returns 10: '1.20'
  //  example 11: number_format('1.20', 4)
  //  returns 11: '1.2000'
  //  example 12: number_format('1.2000', 3)
  //  returns 12: '1.200'
  //  example 13: number_format('1 000,50', 2, '.', ' ')
  //  returns 13: '100 050.00'
  //  example 14: number_format(1e-8, 8, '.', '')
  //  returns 14: '0.00000001'

  number = (number + '').replace(/[^0-9+\-Ee.]/g, '')
  var n = !isFinite(+number) ? 0 : +number
  var prec = !isFinite(+decimals) ? 0 : Math.abs(decimals)
  var sep = (typeof thousandsSep === 'undefined') ? ',' : thousandsSep
  var dec = (typeof decPoint === 'undefined') ? '.' : decPoint
  var s = ''

  var toFixedFix = function (n, prec) {
    if (('' + n).indexOf('e') === -1) {
      return +(Math.round(n + 'e+' + prec) + 'e-' + prec)
    } else {
      var arr = ('' + n).split('e')
      var sig = ''
      if (+arr[1] + prec > 0) {
        sig = '+'
      }
      return (+(Math.round(+arr[0] + 'e' + sig + (+arr[1] + prec)) + 'e-' + prec)).toFixed(prec)
    }
  }

  // @todo: for IE parseFloat(0.55).toFixed(0) = 0;
  s = (prec ? toFixedFix(n, prec).toString() : '' + 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)
}