Miałem zasadniczo te same wymagania i stwierdziłem, że nie ma wbudowanego mechanizmu dla tej funkcji.
Oprócz obcięcia końcowych zer, musiałem również zaokrąglić i sformatować dane wyjściowe dla bieżących ustawień regionalnych użytkownika (tj. 123 456,789).
Cała moja praca nad tym została zawarta jako prettyFloat.js (licencja MIT) na GitHub: https://github.com/dperish/prettyFloat.js
Przykłady użycia:
prettyFloat(1.111001, 3) // "1.111"
prettyFloat(1.111001, 4) // "1.111"
prettyFloat(1.1111001, 5) // "1.1111"
prettyFloat(1234.5678, 2) // "1234.57"
prettyFloat(1234.5678, 2, true) // "1,234.57" (en-us)
Aktualizacja - sierpień 2018
Wszystkie nowoczesne przeglądarki obsługują teraz interfejs API ECMAScript Internationalization , który zapewnia porównywanie ciągów tekstowych z uwzględnieniem języka, formatowanie liczb oraz formatowanie daty i godziny.
let formatters = {
default: new Intl.NumberFormat(),
currency: new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 0, maximumFractionDigits: 0 }),
whole: new Intl.NumberFormat('en-US', { style: 'decimal', minimumFractionDigits: 0, maximumFractionDigits: 0 }),
oneDecimal: new Intl.NumberFormat('en-US', { style: 'decimal', minimumFractionDigits: 1, maximumFractionDigits: 1 }),
twoDecimal: new Intl.NumberFormat('en-US', { style: 'decimal', minimumFractionDigits: 2, maximumFractionDigits: 2 })
};
formatters.twoDecimal.format(1234.5678); // result: "1,234.57"
formatters.currency.format(28761232.291); // result: "$28,761,232"
W przypadku starszych przeglądarek możesz użyć tego wypełnienia: https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.en
1.234000 === 1.234
.