image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
José Lopes
José Lopes05/05/2023 11:46
Compartilhe

Deixe seus números mais bonitos: como formatar e arredondar valores no JavaScript

  • #JavaScript

Se você já se deparou com números longos e desorganizados no seu código JavaScript, sabe como é importante formatá-los e deixá-los mais legíveis. Mas como fazer isso de maneira eficiente e elegante? Neste artigo, vamos mostrar como formatar e arredondar números no JavaScript, incluindo casos comuns como limitar a 2 casas decimais e outras situações mais específicas.

Começando pela formatação básica, podemos usar o método tolocalString() para adicionar separadores de milhares e definir o formato de moeda, por exemplo. Veja como fica fácil deixar um número mais amigável para o usuário:

const preco = 12345.6789;
console.log(
preco.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' })
);
// Output: R$ 12.345,68

Outra situação comum é limitar o número de casas decimais. Para isso, podemos usar o método toFixed() e passar como parâmetro o número de casas desejado:

const pi = 3.14159265359;
console.log(pi.toFixed(2));
// Output: 3.14

Mas atenção: o toFixed() pode arredondar o valor, o que pode gerar resultados inesperados em algumas situações. Se você precisa apenas truncar as casas decimais, uma opção é multiplicar o valor por 100, aplicar o Math.floor() e dividir novamente por 100:

const valor = 123.456789;
const truncado = Math.floor(valor * 100) / 100;
console.log(truncado);
// Output: 123.45

Outra situação que pode exigir um pouco mais de cuidado é quando precisamos arredondar um número de acordo com certas regras, como a regra de arredondamento bancário. Nesse caso, podemos usar a biblioteca decimal.js, que oferece diversas opções de arredondamento:

const Decimal = require('decimal.js');
const valor = new Decimal('1.005');
const arredondado = valor.toDecimalPlaces(2, Decimal.ROUND_HALF_EVEN);
console.log(arredondado.toString());
// Output: 1.00

Existem muitas outras opções e casos específicos de formatação e arredondamento de números no JavaScript, mas esperamos que esses exemplos já tenham ajudado você a deixar seus números mais bonitos e organizados. Se você conhece alguma dica ou tem alguma dúvida sobre o assunto, deixe um comentário abaixo e vamos continuar essa conversa juntos!

Compartilhe
Comentários (0)