Arredondar número para duas casas decimais em JavaScript: toFixed e Math.round

Neste artigo você vai aprender a como arredondar número para duas casas decimais com JS, utilizando recursos nativos da linguagem

Fala programador(a), beleza? Bora aprender mais sobre arredondamento de números com JavaScript!

Para resolver este problema é bem simples, após realizar a operação que torna o número com diversas casas após a vírgula ou receber este número

Aplicamos o méotdo toFixed com 2 como parâmetro

Isso nos retorná o número arredondado, porém como texto

Para transformar novamente este texto com número arredondado em number, adicionamos um sinal de + ao resultado do método, isso faz a conversão

Veja o código necessário:

const x = 1.3823

const xRounded = +(x.toFixed(2))

console.log(xRounded) // 1.38
console.log(typeof xRounded) // number

Desta maneira teremos o número arredondado e ainda conseguimos continuar com mais operações matemáticas sem alterar o seu tipo!

Note que se o tipo de dado não importar você pode retirar o + desta expressão, deixando o resultado como string, e também já arredondando 🙂

Desta maneira não precisamos utilizar funções matemáticas como o Math.round

Conclusão

Neste artigo você aprendeu a como arredondar número para duas casas decimais em JavaScript

Utilizamos o método toFixed em número com várias casas decimais, e isso o arredonda e também acaba convertendo para string

Para resolver este problema da conversão adicionamos um + a expressão

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 tecnologiasO link acima contém um cupom de desconto para os cursos!

O título promete Math round e uma das top queries é exatamente "math.round", mas o corpo só fala pra NÃO usar. Adicionar uma seção curta mostrando o approach com Math.round: multiplica o número por 100, aplica Math.round e divide por 100 de volta pra ter duas casas. Explicar o PORQUÊ (Math.round arredonda pro inteiro mais próximo, então o truque de escalar por 100 é o que traz as duas casas) e deixar claro que aqui o resultado já sai como number, sem o + do toFixed.

Comparar os dois caminhos em poucas linhas: toFixed é mais legível e sempre garante as duas casas na exibição (mas devolve string, precisa do + pra virar number); Math.round por escala é number direto, mas não fixa a quantidade de casas na saída visual. Fechar com a recomendação prática de quando cada um encaixa.

Incluir 2 a 3 perguntas objetivas: "Por que o toFixed retorna string?" (explicar que o método formata pra texto e como o + reconverte pra number); "Como manter o resultado como number ao arredondar?" (mostrar o + no toFixed ou o truque do Math.round); "toFixed(2) sempre mostra duas casas?" (sim, completa com zero à direita quando preciso).