如何将带有逗号分隔符的字符串解析为数字？

我有2,299.00一个字符串，我正在尝试将其解析为一个数字。我尝试使用parseFloat，结果为2。我猜逗号是问题所在，但是我将如何以正确的方式解决此问题？只需删除逗号？

var x = parseFloat("2,299.00")
alert(x);

是的，删除逗号：

parseFloat(yournumber.replace(/,/g, ''));

删除逗号具有潜在的危险，因为正如其他人在评论中提到的那样，许多语言环境使用逗号来表示不同的含义（例如小数位）。

我不知道您从哪里来的字符串，但是在世界上的某些地方"2,299.00"=2.299

该Intl对象本可以是解决此问题的一种好方法，但是他们设法以某种方式设法仅使用Intl.NumberFormat.format()API而没有parse对应的方式来交付规格:(

以任何i18n明智的方式将其中包含文化数字字符的字符串解析为机器可识别的数字的唯一方法是使用利用CLDR数据的库来消除所有可能的格式化数字字符串的方法http：//cldr.unicode。组织/

到目前为止，我遇到过的两个最佳JS选项：

• https://github.com/google/closure-library/tree/master/closure/goog/i18n
• https://github.com/globalizejs/globalize

在现代浏览器上，您可以使用内置的Intl.NumberFormat来检测浏览器的数字格式并标准化输入以使其匹配。

function parseNumber(value, locale = navigator.language) {
  const example = Intl.NumberFormat(locale).format('1.1');
  const cleanPattern = new RegExp(`[^-+0-9${ example.charAt( 1 ) }]`, 'g');
  const cleaned = value.replace(cleanPattern, '');
  const normalized = cleaned.replace(example.charAt(1), '.');

  return parseFloat(normalized);
}

const corpus = {
  '1.123': {
    expected: 1.123,
    locale: 'en-US'
  },
  '1,123': {
    expected: 1123,
    locale: 'en-US'
  },
  '2.123': {
    expected: 2123,
    locale: 'fr-FR'
  },
  '2,123': {
    expected: 2.123,
    locale: 'fr-FR'
  },
}


for (const candidate in corpus) {
  const {
    locale,
    expected
  } = corpus[candidate];
  const parsed = parseNumber(candidate, locale);

  console.log(`${ candidate } in ${ corpus[ candidate ].locale } == ${ expected }? ${ parsed === expected }`);
}

他们显然有一些优化和缓存的空间，但这在所有语言中均可靠地起作用。

删除所有不是数字，小数点或减号（-）的内容：

var str = "2,299.00";
str = str.replace(/[^\d\.\-]/g, ""); // You might also include + if you want them to be able to type it
var num = parseFloat(str);

更新的小提琴

请注意，它不适用于科学计数法中的数字。如果你想让它，改变replace行添加e，E和+到可接受的字符列表：

str = str.replace(/[^\d\.\-eE+]/g, "");

通常，您应该考虑使用不允许将自由文本输入为数值的输入字段。但是在某些情况下，您需要猜测输入格式。例如，德国的1.234,56表示美国的1,234.56。有关使用逗号作为十进制的国家/地区的列表，请参见https://salesforce.stackexchange.com/a/21404。

我使用以下函数进行最佳猜测并去除所有非数字字符：

function parseNumber(strg) {
    var strg = strg || "";
    var decimal = '.';
    strg = strg.replace(/[^0-9$.,]/g, '');
    if(strg.indexOf(',') > strg.indexOf('.')) decimal = ',';
    if((strg.match(new RegExp("\\" + decimal,"g")) || []).length > 1) decimal="";
    if (decimal != "" && (strg.length - strg.indexOf(decimal) - 1 == 3) && strg.indexOf("0" + decimal)!==0) decimal = "";
    strg = strg.replace(new RegExp("[^0-9$" + decimal + "]","g"), "");
    strg = strg.replace(',', '.');
    return parseFloat(strg);
}   

在这里尝试：https : //plnkr.co/edit/9p5Y6H?p=preview

例子：

1.234,56 € => 1234.56
1,234.56USD => 1234.56
1,234,567€ => 1234567
1.234.567 => 1234567
1,234.567 => 1234.567
1.234 => 1234 // might be wrong - best guess
1,234 => 1234 // might be wrong - best guess
1.2345 => 1.2345
0,123 => 0.123

该函数有一个弱点：如果您使用的是1,123或1.123，则无法猜测格式-因为根据语言环境格式，两者都可能是逗号或千位分隔符。在这种特殊情况下，该函数会将分隔符视为千位分隔符，并返回1123。

令人困惑的是它们包括一个toLocaleString而不是一个parse方法。IE6 + 至少支持不带参数的toLocaleString。

对于i18n解决方案，我提出了以下建议：

首先检测用户的语言环境小数点分隔符：

var decimalSeparator = 1.1;
decimalSeparator = decimalSeparator.toLocaleString().substring(1, 2);

如果字符串中有多个小数点分隔符，则对数字进行归一化：

var pattern = "([" + decimalSeparator + "])(?=.*\\1)";separator
var formatted = valor.replace(new RegExp(pattern, "g"), "");

最后，删除所有非数字或小数点分隔符的内容：

formatted = formatted.replace(new RegExp("[^0-9" + decimalSeparator + "]", "g"), '');
return Number(formatted.replace(decimalSeparator, "."));

这是该parseFloat函数的一个简单的，不打扰的包装器。

function parseLocaleNumber(str) {
  // Detect the user's locale decimal separator:
  var decimalSeparator = (1.1).toLocaleString().substring(1, 2);
  // Detect the user's locale thousand separator:
  var thousandSeparator = (1000).toLocaleString().substring(1, 2);
  // In case there are locales that don't use a thousand separator
  if (thousandSeparator.match(/\d/))
    thousandSeparator = '';

  str = str
    .replace(new RegExp(thousandSeparator, 'g'), '')
    .replace(new RegExp(decimalSeparator), '.')

  return parseFloat(str);
}

如果要避免David Meister发布的问题并且确定小数位数，可以替换所有点和逗号并除以100，例如：

var value = "2,299.00";
var amount = parseFloat(value.replace(/"|\,|\./g, ''))/100;

或如果您有3位小数

var value = "2,299.001";
var amount = parseFloat(value.replace(/"|\,|\./g, ''))/1000;

是否要使用parseInt，parseFloat或Number取决于您。另外，如果要保留小数位数，可以使用函数.toFixed（...）。

如果您有数百万个数字，则所有这些答案都将失败。

3,456,789将使用replace方法简单地返回3456。

简单删除逗号的最正确答案必须是。

var number = '3,456,789.12';
number.split(',').join('');
/* number now equips 3456789.12 */
parseFloat(number);

或简单地写。

number = parseFloat(number.split(',').join(''));

这会将任何语言环境中的数字转换为普通数字。也适用于小数点：

function numberFromLocaleString(stringValue, locale){
    var parts = Number(1111.11).toLocaleString(locale).replace(/\d+/g,'').split('');
    if (stringValue === null)
        return null;
    if (parts.length==1) {
        parts.unshift('');
    }   
    return Number(String(stringValue).replace(new RegExp(parts[0].replace(/\s/g,' '),'g'), '').replace(parts[1],"."));
}

//Use default browser locale
numberFromLocaleString("1,223,333.567") //1223333.567

//Use specific locale
numberFromLocaleString("1 223 333,567", "ru") //1223333.567

使用此功能，您将能够以1.234,56和的多种格式设置值的格式1,234.56，甚至会出现诸如1.234.56和的错误。1,234,56

/**
 * @param {string} value: value to convert
 * @param {bool} coerce: force float return or NaN
 */
function parseFloatFromString(value, coerce) {
    value = String(value).trim();

    if ('' === value) {
        return value;
    }

    // check if the string can be converted to float as-is
    var parsed = parseFloat(value);
    if (String(parsed) === value) {
        return fixDecimals(parsed, 2);
    }

    // replace arabic numbers by latin
    value = value
    // arabic
    .replace(/[\u0660-\u0669]/g, function(d) {
        return d.charCodeAt(0) - 1632;
    })

    // persian
    .replace(/[\u06F0-\u06F9]/g, function(d) {
        return d.charCodeAt(0) - 1776;
    });

    // remove all non-digit characters
    var split = value.split(/[^\dE-]+/);

    if (1 === split.length) {
        // there's no decimal part
        return fixDecimals(parseFloat(value), 2);
    }

    for (var i = 0; i < split.length; i++) {
        if ('' === split[i]) {
            return coerce ? fixDecimals(parseFloat(0), 2) : NaN;
        }
    }

    // use the last part as decimal
    var decimal = split.pop();

    // reconstruct the number using dot as decimal separator
    return fixDecimals(parseFloat(split.join('') +  '.' + decimal), 2);
}

function fixDecimals(num, precision) {
    return (Math.floor(num * 100) / 100).toFixed(precision);
}

parseFloatFromString('1.234,56')
"1234.56"
parseFloatFromString('1,234.56')
"1234.56"
parseFloatFromString('1.234.56')
"1234.56"
parseFloatFromString('1,234,56')
"1234.56"

如果您想要一个10n的答案，请按照这种方式进行。示例使用货币，但是您不需要。如果必须支持较旧的浏览器，则需要对Intl库进行填充。

var value = "2,299.00";
var currencyId = "USD";
var nf = new Intl.NumberFormat(undefined, {style:'currency', currency: currencyId, minimumFractionDigits: 2});

value = nf.format(value.replace(/,/g, ""));

用空字符串替换逗号：

var x = parseFloat("2,299.00".replace(",",""))
alert(x);

如果您要支持的语言环境很少，那么只需对一些简单规则进行硬编码可能会更好：

function parseNumber(str, locale) {
  let radix = ',';
  if (locale.match(/(en|th)([-_].+)?/)) {
    radix = '.';
  }
  return Number(str
    .replace(new RegExp('[^\\d\\' + radix + ']', 'g'), '')
    .replace(radix, '.'));
}

const parseLocaleNumber = strNum => {
    const decSep = (1.1).toLocaleString().substring(1, 2);
    const formatted = strNum
        .replace(new RegExp(`([${decSep}])(?=.*\\1)`, 'g'), '')
        .replace(new RegExp(`[^0-9${decSep}]`, 'g'), '');
    return Number(formatted.replace(decSep, '.'));
};

Number("2,299.00".split(',').join(''));   // 2299

split函数使用“，”作为分隔符将字符串拆分为一个数组，并返回一个数组。
join函数连接从split函数返回的数组元素。
Number（）函数将连接的字符串转换为数字。