JavaScript

Arredondar um número para duas casas decimais em JavaScript

30 de novembro de 2021

Arredondar um número para duas casas decimais em JavaScript

Neste artigo você vai aprender a como arredondar um número para duas casas decimais em JS, de uma forma simples e fácil

Arredondar um número para duas casas decimais capa

Fala programador(a), beleza? Bora aprender mais sobre JavaScript e manipulação de números!

Há um tempo atrás utilizámos muito a função toFixed para arredondar números em JS

Porém um novo método melhor nos foi disponbilizado

Ele faz parte do objeto Intl e é o NumberFormat, vamos ver como utilizá-lo:

const formatNumber = new Intl.NumberFormat('pt-BR', {
   minimumFractionDigits: 2,      
   maximumFractionDigits: 2,
});

console.log(formatNumber.format(3.14848486)); // "3,15"
console.log(formatNumber.format(1.2345678)); // "1,23"

Veja que podemos selecionar a linguagem, isso facilita para nós que separamos as casas decimais com vírgula em vez de ponto

Outro recurso que pode ser utilizado é o toLocaleString, que faz uma formatação também

Veja como aplicá-lo:

const formatNumber = (n, decimals) => n.toLocaleString('en-US', {
   minimumFractionDigits: 2,      
   maximumFractionDigits: 2,
});

console.log(formatNumber(3.14848486)); // "3,15"
console.log(formatNumber(1.2345678)); // "1,23"

Assim conseguimos formatar o número alvo com a quantidade de casas desejadas, fácil não é? 🙂

Conclusão

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

Utilizamos duas abordagens muito modernas, que chegam no resultado final desejado

Podemos escolher qual ‘linguagem’ devemos arredondar o número e também para quantas casas

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
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x