Utilizando Intl.NumberFormat para formatar numero em moeda

Utilizando Intl.NumberFormat para formatar numero em moeda

Assistindo aos videos do Willian Justen conheci o objeto Intl.NumberFormat que é útil quando temos que fazer uma formatação em dinheiro e não queremos usar bibliotecas e sim o javascript nativo para isso.

Caso queira se apronfundar no assunto você pode ler a documentação.

Sintaxe

raycast-untitled.png

Usando locales

Locales é uma string com uma tag de linguagem, podendo ou não ser especificada. raycast-untitled (9).png

Usando options

No exemplo abaixo usei 'pt-BR' como linguagem no locales e alguns atributos.

  • style : o formato escolhido foi o "currency", mas os valores "decimal" e "percent" também são permitidos.
  • currency : A moeda em que deseja formatar, no exemplo usei 'BRL' pois quero formatar em real.Os valores permitidos são os códigos de moedas da ISO 4217.

raycast-untitled (5).png

Conclusão

Essa formatação é muito útil quando você precisa exibir os valores monetários de um produto no front, porém o valor vindo do banco está como numero.