No JavaScript, como só existe um tipo numérico (excluindo o bigint
), não há uma distinção propriamente dita entre um int
e um float
. Portanto, 20.00
é a mesma coisa que 20
.
Então, na sua chamada à numeral
, você está, no fundo, fazendo o seguinte:
numeral(20);
Veja um exemplo:
function test(num) {
console.log(num);
}
test(20.33); // 20.33
test(20.00); // 20
Além disso, Numeral.js
não suporta o formato monetário brasileiro nativamente. Você deve registrá-lo para que possa usá-lo. Assim:
// Todas as opções podem ser encontradas em:
// http://numeraljs.com/#locales
numeral.register('locale', 'pt-BR', {
delimiters: {
thousands: '.',
decimal: ','
},
currency: {
symbol: 'R$'
}
});
numeral.locale('pt-BR');
const price = numeral(20.00);
const formatted = price.format('$ 0,0.00');
console.log(formatted); // R$ 20,00
<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
A título de curiosidade, se o seu ambiente suportar, você pode utilizar a API Intl.NumberFormat
, que te dá uma interface bem mais robusta, de forma nativa, e que ainda suporta diversos idiomas.
Então, para formatar um número para o formato monetário brasileiro usando essa API, você pode fazer assim:
const formatter = new Intl.NumberFormat('pt-BR', {
style: 'currency',
currency: 'BRL'
})
console.log(formatter.format(20)); // R$ 20,00
console.log(formatter.format(1234567.89)); // R$ 1.234.567,89