Как преобразовать строку в float в JavaScript?

Question

Я пытаюсь проанализировать два значения из таблицы данных. Поля являются числовыми, и когда они имеют запятую (например, 554,20), я не могу получить числа после запятой. Я пробовал parseInt и parseFloat. Как я могу это сделать?

Answer 1

Если они предназначены для отдельных значений, попробуйте это:

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

Если они предназначены для одного значения (как на французском языке, где половина написана на 0,5)

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

Answer 2

Вы когда-нибудь пытались это сделать? : Р

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

+ (строка) приведет к выводу строки в число с плавающей точкой.

Handy! * * 1006

Итак, чтобы решить вашу проблему, вы можете сделать что-то вроде этого:

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

Answer 3

Замените запятую точкой.

Это вернет только 554:

var value = parseFloat("554,20")

Это вернет 554.20:

var value = parseFloat("554.20")

Итак, в конце вы можете просто использовать:

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

Не забывайте, что parseInt() должен использоваться только для анализа целых чисел (без плавающих точек). В вашем случае он вернет только 554. Кроме того, вызов parseInt () для числа с плавающей запятой не будет округлять число: он займет свое слово (ближайшее нижнее целое).

---

Расширенный пример ответа на вопрос Педро Феррейры из комментариев:

Если текстовое поле содержит тысячи разделительных точек, как в 1.234.567,99, они могут быть удалены заранее с помощью другого replace:

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

Answer 4

Если вы расширяете объект String, как это ..

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

.. вы можете запустить его так

"554,20".float()
> 554.20

также работает с точкой

"554.20".float()
> 554.20

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

Answer 5

Вы можете использовать эту функцию. Он заменит запятые на '', а затем проанализирует значение и после этого снова изменит запятые в значении.

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;
    }

Answer 6

@ GusDeCool или кто-либо другой, пытающийся заменить более тысячи разделителей, один из способов сделать это - заменить глобальное регулярное выражение: /foo/g. Просто помните, что . является метасимволом, поэтому вы должны избегать его или заключать в скобки (\. или [.]). Вот один из вариантов:

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

Answer 7

Попробуйте

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

console.log({float,int});

Answer 8

У меня была та же проблема, за исключением того, что я заранее не знал, что такое разделители тысяч и десятичный разделитель. Я закончил тем, что написал библиотеку, чтобы сделать это. Если вам это интересно, вот оно: https://github.com/GuillaumeLeclerc/number-parsing