Neste artigo você vai aprender como formatar moeda brasileira em JavaScript, ou seja, converter um número com ponto flutuante para a moeda Real.

Formatar moeda brasileira em JavaScript capa

Fala programador(a), beleza? Bora aprender sobre conversão de moeda em JavaScript!

Essa função é muto simples com JavaScript, temos um método chamado toLocaleString que atua em números

Fazendo a conversão do mesmo para uma moeda, por exemplo, e podemos escolher o tipo dela

Então vamos determinar que queremos receber o número em pt-br e também que o tipo de moeda é BRL (Real)

Veja um exemplo prático:

var numero = 125.45;

//com R$
var dinheiro = numero.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'});

console.log(dinheiro);

Aqui receberemos a string R$ 124,45

Note que o número é convertido para um dado de texto, pois ele deixa de ser um número por causa da conversão para moeda

Então é interessante utilizar este método apenas quando precisamos exibir para um usuário um determinado número, já na sua forma final

E não quando temos que realizar outra operação com a moeda, aí a ideia é utilizar o valor em ponto flutuante do JavaScript mesmo, entendeu? 😀

Conclusão

Neste artigo vimos como formatar moeda brasileira em JavaScript

Ou seja, converter um número, que pode ser um float, na moeda Real, a que é utilizada em nosso país

Utilizamos para isso o método toLocaleString que é aplicado em dados do tipo number

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

Subscribe
Notify of
guest

7 Comentários
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Rapha

otima dica! valeu!

Battisti

de nada Rapha!

Liliana Costa

Isso me ajudou muito! Estou criando uma espécie de calculadora de valores e este pequeno método sem dúvidas resolveu o meu problema 😀 Muito obrigada por ter compartilhado a dica

Battisti

de nada Liliana =))

Guilherme Carvalho

Battisti, você teria algum exemplo de como calcular linhas de uma tabela e abaixo um input totalizando o resultado das linhas utilizando a função toLocaleString?

Cesar Devesa

Bacana, e se caso o valor inicial seja uma string, vindo de outra linguagem, de um form por exemplo, é bom usar o parseFloat() antes do toLocaleString()

var numero = "125.45";

var dinheiro = parseFloat(numero).toLocaleString('pt-br',{style: 'currency', currency: 'BRL'});

console.log(dinheiro);
Marcos

Uma dúvida é: como eu faria isso se o meu número está representado em inteiro exemplo: 155096 (preciso exibir como: R$ 1.550,96)