Tenía básicamente el mismo requisito, y descubrí que no hay un mecanismo incorporado para esta funcionalidad.
Además de recortar los ceros finales, también tuve la necesidad de redondear y formatear la salida para la configuración regional actual del usuario (es decir, 123,456.789).
Todo mi trabajo en esto se ha incluido como prettyFloat.js (con licencia MIT) en GitHub: https://github.com/dperish/prettyFloat.js
Ejemplos de uso:
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)
Actualizado - agosto de 2018
Todos los navegadores modernos ahora son compatibles con la API de internacionalización ECMAScript , que proporciona una comparación de cadenas sensible al idioma, formato de número y formato de fecha y hora.
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"
Para navegadores antiguos, puede usar este polyfill: https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.en
1.234000 === 1.234
.