преобразовать строковую переменную JavaScript в десятичную / денежную

114

Как мы можем преобразовать строковую переменную JavaScript в десятичную?

Есть ли такая функция как:

parseInt(document.getElementById(amtid4).innerHTML)
Варада
источник

Ответы:

240

Да - parseFloat.

parseFloat(document.getElementById(amtid4).innerHTML);

Для форматирования чисел используйте toFixed:

var num = parseFloat(document.getElementById(amtid4).innerHTML).toFixed(2);

num теперь представляет собой строку с числом, отформатированным с двумя десятичными знаками.

lonesomeday
источник
1
Можем ли мы сделать эту переменную с двумя десятичными знаками, например 120,50? сейчас я получаю только 120,5.
Варада
16
Процитируем @PhilipWhitehouse: "Всем, кто будет читать это в будущем, не используйте float для хранения валюты. Вы потеряете точность и данные. Вы должны сохранить их как целое число центов (или пенсов и т. Д.), А затем преобразовать предыдущие для вывода. ". Источник: stackoverflow.com/questions/149055/…
SSH
@SSHThis Насколько мне известно, в JavaScript нет целочисленного типа. Он имеет только числовой тип, который хранится внутри как 64-битные числа с плавающей запятой. Ваша точка зрения действительна для других языков, которые имеют целочисленные типы, такие как C #, C ++, но не совсем для JavaScript.
Саймон Брэнгвин,
1
@SimonBrangwin Его точка зрения все еще в силе, но семантика может сбивать с толку. На самом деле он имеет в виду «хранить валюту только в виде целых чисел в javascript, поскольку они будут храниться как числа с плавающей запятой».
Джош Ной
1
Напоминаем: parseFloat('22w')есть 22и parseFloat('w22')естьNaN
IG Pascual
65

Вы также можете использовать Numberконструктор / функцию (не требуется основание системы счисления и может использоваться как для целых чисел, так и для чисел с плавающей запятой):

Number('09'); /=> 9
Number('09.0987'); /=> 9.0987

В качестве альтернативы, как сказал Энди Э в комментариях, вы можете использовать +для преобразования

+'09'; /=> 9
+'09.0987'; /=> 9.0987
KooiInc
источник
IE11 не поддерживает это
Брюки
@Pants о расширении встроенного объекта Number в ES6 , а не о возможности его использованияNumber
KooiInc
11

Это работает:

var num = parseFloat(document.getElementById(amtid4).innerHTML, 10).toFixed(2);
Санджай
источник
10
var formatter = new Intl.NumberFormat("ru", {
  style: "currency",
  currency: "GBP"
});

alert( formatter.format(1234.5) ); // 1 234,5 £

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat

zloctb
источник
Я понятия не имел, что это существует.
protometa
Лучший ответ на сегодняшний день. parseFloat? Адская точность? Нет, спасибо! Intl.NumberFormatприбивает это.
Джошуа Бернс
2

Довольно рискованно полагаться на функции javascript для сравнения и игры с числами. В javascript (0,1 + 0,2 == 0,3) вернет false из-за ошибок округления. Используйте библиотеку math.js.

Dondrzzy
источник
1

Простым сокращенным способом было бы использовать + x. Он сохраняет неизменным знак, а также десятичные числа. Другой альтернативой является использование parseFloat (x). Разница между parseFloat (x) и + x заключается в пустой строке, + x возвращает 0, тогда как parseFloat (x) возвращает NaN.

Тушар Сагар
источник
1

Я сделал для этого небольшую вспомогательную функцию и перехватил все искаженные данные.

function convertToPounds(str) { 
    var n = Number.parseFloat(str);
    if(!str || isNaN(n) || n < 0) return 0;
    return n.toFixed(2);
}

Демо здесь

Сидональдсон
источник