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

114

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

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

parseInt(document.getElementById(amtid4).innerHTML)

javascript decimal string-conversion

— Варада
источник

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

Демо здесь

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