Wie konvertiere ich einen String in Float in JavaScript?

Ich versuche, zwei Werte aus einem Datagrid zu analysieren. Die Felder sind numerisch, und wenn sie ein Komma haben (z. B. 554,20), kann ich die Zahlen nach dem Komma nicht erhalten. Ich habe es versucht parseIntund parseFloat. Wie kann ich das machen?

Wenn es sich um separate Werte handelt, versuchen Sie Folgendes:

var values = "554,20".split(",")
var v1 = parseFloat(values[0])
var v2 = parseFloat(values[1])

Wenn sie ein einzelner Wert sein sollen (wie auf Französisch, wo die Hälfte mit 0,5 geschrieben ist)

var value = parseFloat("554,20".replace(",", "."));

Haben Sie jemals versucht, dies zu tun? : p

var str = '3.8';ie
alert( +(str) + 0.2 );

+ (string) wandelt den String in float um.

Praktisch!

Um Ihr Problem zu lösen, können Sie Folgendes tun:

var floatValue = +(str.replace(/,/,'.'));

Ersetzen Sie das Komma durch einen Punkt.

Dies gibt nur 554 zurück:

var value = parseFloat("554,20")

Dies gibt 554,20 zurück:

var value = parseFloat("554.20")

Am Ende können Sie also einfach Folgendes verwenden:

var fValue = parseFloat(document.getElementById("textfield").value.replace(",","."))

Vergessen Sie nicht, dass dies parseInt()nur zum Parsen von Ganzzahlen (keine Gleitkommazahlen) verwendet werden sollte. In Ihrem Fall wird nur 554 zurückgegeben. Wenn Sie parseInt () auf einem Float aufrufen, wird die Zahl nicht gerundet: Sie nimmt ihren Boden ein (nächste untere Ganzzahl).

Erweitertes Beispiel zur Beantwortung der Frage von Pedro Ferreira aus den Kommentaren:

Wenn das Textfeld Tausende Trennpunkte wie in 1.234.567,99diesen enthält, können diese zuvor mit einem anderen entfernt werden replace:

var fValue = parseFloat(document.getElementById("textfield").value.replace(/\./g,"").replace(",","."))

Wenn Sie das String-Objekt wie folgt erweitern.

String.prototype.float = function() { 
  return parseFloat(this.replace(',', '.')); 
}

.. Sie können es so ausführen

"554,20".float()
> 554.20

funktioniert auch mit dot

"554.20".float()
> 554.20

typeof "554,20".float()
> "number"

@GusDeCool oder jeder andere, der versucht, mehr als tausend Trennzeichen zu ersetzen. Eine Möglichkeit, dies zu tun, ist ein globaler Regex-Ersatz : /foo/g. Denken Sie daran, dass dies .ein Metazeichen ist, also müssen Sie ihm entkommen oder in Klammern ( \.oder [.]) setzen. Hier ist eine Option:

var str = '6.000.000';
str.replace(/[.]/g,",");

Sie können diese Funktion verwenden. Es ersetzt die Kommas durch '' und parseFlaot den Wert. Danach werden die Kommas erneut angepasst.

function convertToFloat(val) {
        if (val != '') {
            if (val.indexOf(',') !== -1)
                val.replace(',', '');
            val = parseFloat(val);
            while (/(\d+)(\d{3})/.test(val.toString())) {
                val = val.toString().replace(/(\d+)(\d{3})/, '$1' + ',' + '$2');
            }
        }
        return val;
    }

Ich hatte das gleiche Problem, außer dass ich nicht im Voraus wusste, was die Tausendertrennzeichen und das Dezimaltrennzeichen waren. Am Ende schrieb ich eine Bibliothek, um dies zu tun. Wenn Sie es hier interessieren, ist es: https://github.com/GuillaumeLeclerc/number-parsing

Versuchen

let str ="554,20";
let float = +str.replace(',','.');
let int = str.split(',').map(x=>+x);

console.log({float,int});