カンマ千区切りの文字列を数値に解析するにはどうすればよいですか？

私は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をフォーマットするすべての可能な方法をカバーすることです。 org /

これまでにこれまでに出会った2つの最高の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を意味します。コンマを10進数として使用する国のリストについては、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つの弱点があります。1,123または1.123がある場合、形式を推測することはできません。ロケールの形式によっては、両方ともカンマまたは桁区切りの場合があるためです。この特殊なケースでは、関数は区切り記号を千単位の区切り記号として扱い、1123を返します。

toLocaleStringが含まれていて、解析メソッドが含まれていないのは困惑しています。少なくとも引数なしのtoLocaleStringは、IE6 +で十分にサポートされています。

以下のために国際化ソリューション、私はこの思い付きました：

まず、ユーザーのロケールの小数点記号を検出します。

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"

l10nの回答が必要な場合は、このようにしてください。例では通貨を使用していますが、通貨は必要ありません。古いブラウザをサポートする必要がある場合は、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（）関数は、結合された文字列を数値に変換します。