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

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

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

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!