Formatando números no JavaScript

Introdução

Durante uma conversa sobre as diferentes opções para a formatação de números no JavaScript, decidimos que seria interessante criarmos um post resumindo cada uma dessas opções.

Claro que existem muitas outras formas além daquelas que iremos apresentar, mas para aproximar vocês da realidade do mercado, tentamos trazer aquelas que mais são utilizadas. Vamos nessa!

Math.ceil()

Esse método retorna um número inteiro maior igual ao número fornecido. Ou seja, caso o número não seja inteiro ele irá arrendodar para um valor acima.

Isso pode ficar mais claro com alguns exemplos:

Math.ceil(3.23) // 4
Math.ceil(0.87) // 1
Math.ceil(4.34) // 5
Math.ceil(3) // 3
Math.ceil(-2.9) // -2

Math.floor()

O Math.floor, diferentemente do Math.ceil(), irá retornar um valor inteiro menor ou igual ao número fornecido.

Veja alguns exemplos:

Math.ceil(3.23) // 3
Math.ceil(4.34) // 4
Math.ceil(3) // 3
Math.ceil(-2.9) // -3

Math.round()

Já o Math.round() funciona como um mediador dos dois métodos acima. O que isso quer dizer?

É simples, se a parte fracionária do valor fornecido for maior ou igual a 0.5, esse valor é arredodando para cima, caso contrário, para um valor abaixo.

Isso pode ficar mais claro com alguns exemplos:

Math.round(15.4) // 15
Math.round(15.6) // 16

Math.round(2.3) // 2
Math.round(2.7) // 3

toFixed()

Esse método pode ser muito útil quando precisamos controlar o número de casas decimais após a vírgula. Apesar de podermos passar outros valores como parâmetro para o número de casas decimais, é muito provável que você precisa utilizar apenas 2 casas.

Assim como o Math.ceil(), o toFixed() arrendoda um valor para cima e, se necessário, acrescenta zeros ao valor retornado.

Isso ficará mais claro com alguns exemplos:

const value = 479.579

value.toFixed(2) // 479.58
value.toFixed(4) // 479.5790

const secondValue = 15.555
secondValue.toFixed(2) // 15.56

toLocaleString

Esse método é incrível! O toLocaleString converte um número para uma string, já fazendo o arredondamento e a conversão para a moeda do país que passarmos como parâmetro.

Para converter um valor para real basta usarmos:

value.toLocaleString("pt-BR", { style: "currency", currency: "BRL" })

Conclusão

Por hora é só pessoal! Espero que o post possa ter sido útil, e caso queiram se aprofundar em cada um dos métodos, todas as informações foram retiradas da documentação do Mozilla.

Fiquem de olho também nos próximos posts com dicas de JavaScript, e se surgirem dúvidas ou sugestões, não deixem de mandar aí nos comentários!