8

我有一个以用户本地化格式显示小数的网页，如下所示：

  • 英语：7.75
  • 荷兰语：7,75

如果我在我的机器上的 JavaScript 中将两个数字变量一起添加（其中数字取自上述格式的字符串），我会得到以下结果：

  • 英语：7.75 + 7.75 = 15.5
  • 荷兰语：7,75 + 7,75 = 0

如果我要在荷兰语用户机器上运行此代码，我是否应该期望英语格式的加法返回0，而荷兰语格式的加法返回15,5？

简而言之：JavaScript 计算是否在其字符串到数字的转换中使用本地小数分隔符？

4

7 回答 7

21

下面是一个区域感知号码解析器的示例：

function parseLocaleNumber(stringNumber, locale) {
    var thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/\p{Number}/gu, '');
    var decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/\p{Number}/gu, '');

    return parseFloat(stringNumber
        .replace(new RegExp('\\' + thousandSeparator, 'g'), '')
        .replace(new RegExp('\\' + decimalSeparator), '.')
    );
}

它使用传递的区域设置（如果未定义区域设置参数，则使用浏览器的当前区域设置）来替换千位和小数点分隔符。

使用德语语言环境设置

var n = parseLocaleNumber('1.000.045,22');

n将等于1000045.22。

更新：

  • \p{Number}通过使用 regex 类删除数字解决了 Pointy 的评论。所以它也适用于非阿拉伯数字。
  • 解决了 Orion Adrian 的评论，以支持以每四位数分隔数字的语言。
  • 添加了 locale 参数以 sepcify 不同的语言环境进行解析。
于 2017-02-13T21:22:28.230 回答
10

不，分隔符始终是 javascript 中的点 (.) Number。所以7,75评估为75，因为 a,调用从左到右的评估（在控制台中尝试：x=1,x+=1,alert(x)，或者更重要的是var x=(7,75); alert(x);）。如果你想转换一个荷兰语（嗯，不仅仅是荷兰语，比如说欧洲大陆）格式的值，它应该是一个String. String您可以为原型编写扩展，例如：

String.prototype.toFloat = function(){
      return parseFloat(this.replace(/,(\d+)$/,'.$1'));
};
//usage
'7,75'.toFloat()+'7,75'.toFloat(); //=> 15.5

请注意，如果浏览器支持它，您可以使用Number.toLocaleString

console.log((3.32).toLocaleString("nl-NL"));
console.log((3.32).toLocaleString("en-UK"));
.as-console-wrapper { top: 0; max-height: 100% !important; }

于 2012-08-17T11:26:28.780 回答
5

扩展来自@naitsirch 的解决方案，我们可以使用Intl.NumberFormat.formatToParts()让 JS 解析组和小数分隔符。

function parseLocaleNumber(stringNumber) {
  let num = 123456.789,
    fmt_local = new Intl.NumberFormat(),
    parts_local = fmt_local.formatToParts(num),
    group = '',
    decimal = '';

  parts_local.forEach(function(i) {
    switch (i.type) {
      case 'group':
        group = i.value;
        break;
      case 'decimal':
        decimal = i.value;
        break;
      default:
        break;
    }
  });

  return parseFloat(stringNumber
    .replace(new RegExp('\\' + group, 'g'), '')
    .replace(new RegExp('\\' + decimal), '.')
  );
}

//replace this string with a number formatted for your locale
console.log(parseLocaleNumber("987,654,321.01"));
//output for "en" locale: 987654321.01

于 2019-05-29T22:42:28.353 回答
3

扩展@OXiGEN 的解决方案，我们可以使用Intl.NumberFormat.formatToParts()来提取货币符号:)

function parseLocaleNumber(stringNumber, locale, currency_code) {
  let num = 123456.789,
    fmt_local = new Intl.NumberFormat(locale, {
      style: 'currency',
      currency: currency_code
    }),
    parts_local = fmt_local.formatToParts(num),
    group = '',
    decimal = '',
    currency = '';

  // separators
  parts_local.forEach(function(i) {
    //console.log(i.type + ':' + i.value);
    switch (i.type) {
      case 'group':
        group = i.value;
        break;
      case 'decimal':
        decimal = i.value;
        break;
      case 'currency':
        currency = i.value;
        break;
      default:
        break;
    }
  });

  return parseFloat(stringNumber
    .replace(new RegExp('\\' + group, 'g'), '')
    .replace(new RegExp('\\' + decimal), '.')
    .replace(new RegExp('\\' + currency, 'g'), '')
  );
}

//replace inputs with a number formatted for your locale, your locale code, your currency code
console.log(parseLocaleNumber('$987,654,321.01', 'en', 'USD'));
//output for "en" locale and "USD" code: 987654321.01

于 2020-01-07T21:52:01.840 回答
2

不，逗号 ( ,) 是具有特殊含义的运算符，就像点 ( .) 一样。否则事情很简单：

var array1 = [1,2];
var array2 = [1.2];

会在不同的语言环境下中断。我所知道的所有主流语言都分别且严格地对待.和对待，,与语言环境无关。

于 2012-08-17T11:27:14.637 回答
1

不，小数点分隔符在 JavaScript 中根本没有本地化，并且 parseFloat() 解析数字的格式与您需要在 JavaScript 源代码中使用的格式相同：“.” 作为小数分隔符，没有组（千）分隔符，“E”或“e”作为“十次幂”符号，Ascii 连字符“-”作为减号。

要以本地化格式读取或写入数字，您需要其他东西。我会推荐 Globalize.js 库，除非您可以将自己限制在小数点分隔符的单一问题和有限数量的语言中——在这种情况下，只进行映射“.”的字符串操作可能更简单。到“，”在输出上，反之亦然在输入上。

于 2012-08-17T11:54:23.930 回答
0

考虑到符号，这适用于所有情况：

parseLocaleNumber: function ( stringNumber ) 
{
    let thousandSeparator = (11111).toLocaleString().replace(/1/g, '');
    let decimalSeparator = (1.1).toLocaleString().replace(/1/g, '');
    let symbol = (0).toLocaleString()
        .replace(/0/g, '')
        .replace(new RegExp('\\' + decimalSeparator), '.')
        .trim();

    return parseFloat(
        stringNumber
            .replace(new RegExp('\\' + thousandSeparator, 'g'), '')
            .replace(new RegExp('\\' + decimalSeparator), '.')
            .replace(new RegExp( symbol ), '')
    );
}

2个细节突出：

  1. 使用 11111 而不是 1111 因为第一个总是默认显示千位分隔符。
  2. 数字格式始终使用“.” 作为小数分隔符
于 2019-09-27T23:44:42.537 回答