JavaScript

Formatar moeda com separador de milhar em JavaScript

5 de novembro de 2020

Formatar moeda com separador de milhar em JavaScript

Neste artigo você vai aprender a formatar moeda com separador de milhar, ou seja, no formato brasileiro com JavaScript

Formatar moeda com separador de milhar capa

Fala programador(a), beleza? Bora aprender mais sobre formatação de moeda no formato brasileiro!

Para a nossa alegria a linguagem JS já conta com uma função que facilita nossa vida, e muito

O nome dela é toLocaleString, podemos inserir alguns parâmetros que farão a formatação da moeda

Veja um exemplo prático:

console.log((123.46).toLocaleString('pt-BR')); // "123,46"
console.log((1050.49).toLocaleString('pt-BR')); // "1.050,49"
console.log((128999.33).toLocaleString('pt-BR')); // "128.999,33"

Fantástico não é?

A solução simples não para por aí, podemos adicionar parâmetros para adicionar a moeda também

Lembrando que o argumento pt-BR que possibilita a transformação do valor, para a moeda Real

Veja agora como adicionar o tipo da moeda antes do valor também:

console.log((123.46).toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' })); // "R$ 123,46"
console.log((1050.49).toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' })); // "R$ 1.050,49"
console.log((128999.33).toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' })); // "R$ 128.999,33"

E desta forma a formatação fica ainda mais interessante, pois adiciona o R$ antes do valor em dinheiro, interessante né?

Conclusão

Neste artigo vimos como formatar moeda com separador de milhar em JavaScript

Utilizamos a função toLocaleString que transforma um número na moeda do país que foi inserido a língua por parâmetro, no nosso caso pt-BR

Desta forma temos o valor da moeda formatado corretamente

E ainda podemos adicionar o parâmetro que concatena o tipo da moeda, R$ no nosso exemplo

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

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x