JavaScript

Formatar número para sempre exibir duas casas decimais em JavaScript

11 de julho de 2021

Formatar número para sempre exibir duas casas decimais em JavaScript

Neste artigo você vai aprender a como formatar número para sempre exibir duas casas decimais, de uma maneira super simples e fácil

Formatar número para sempre exibir duas casas decimais capa

Fala programador(a), beleza? Bora aprender mais sobre formatações de número e também JavaScript!

Para fazer a formatação de números vamos utilizar um snippet bem simples

Ele consiste em múltiplicar o número por 100, e arredondar esse valor com Math.round

Depois vamos dividir este número por 100, e aplicar a função toFixed com o parâmetro de 2, pra limitar as casas decimais

Veja o exemplo:

function arredondar(n) {
	return (Math.round(n * 100) / 100).toFixed(2);
}

var x = 12;
var y = 1;
var z = 9.9328237423748;

console.log(arredondar(x)); // 12.00
console.log(arredondar(y)); // 1.00
console.log(arredondar(z)); // 9.93

Aqui criamos uma função com o snippet que mencionei acima, explicando o que ele faz

Depois criamos variáveis com alguns números e aplicamos estes na função

Veja que os retornos são todos com duas casas decimais, independente se o número é inteiro ou não

Podemos condicionar sempre a exibição dele para 2 casas, o que pode ser trocado também alterando o parâmetro de toFixed

Conclusão

Neste artigo você aprendeu a formatar número para sempre exibir duas casas decimais em JavaScript

Utilizamos um snippet simples, que transforma qualquer número em um float de duas casas

Seja ele um inteiro ou ponto flutuante, a função vai exibir conforme necessitarmos

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
2 Comentários
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Lulh

Podemos condicionar sempre a exibição dele para 2 casas, o que pode ser trocado também alterando o parâmetro de toFixed

Battisti

opa, como assim Lulh?

2
0
Would love your thoughts, please comment.x