Como formatar números decimais em JavaScript

Introdução

Os números decimais são uma parte comum dos cálculos matemáticos em programas modernos. Quando estamos lidando com números decimais em JavaScript, é importante saber como formatá-los adequadamente para atender às nossas necessidades. Neste guia completo, exploraremos diferentes métodos para formatar números decimais em JavaScript.

Formatando números decimais

Usando o método toFixed()

Uma maneira de formatar números decimais em JavaScript é usando o método toFixed(). Este método permite especificar o número de casas decimais que deseja exibir em um número decimal.

let numero = 3.14159;
let numeroFormatado = numero.toFixed(2);
console.log(numeroFormatado); // Saída: 3.14

Usando o método toLocaleString()

Outra maneira de formatar números decimais em JavaScript é usando o método toLocaleString(). Este método permite que você formate um número decimal de acordo com as configurações regionais do usuário.

let numero = 12345.67;
let numeroFormatado = numero.toLocaleString('pt-BR');
console.log(numeroFormatado); // Saída: 12.345,67

Arredondando números decimais

Usando o método Math.round()

O método Math.round() arredonda um número decimal para o número inteiro mais próximo.

let numero = 3.7;
let numeroArredondado = Math.round(numero);
console.log(numeroArredondado); // Saída: 4

Além do método Math.round(), também podemos usar o método Math.floor() para arredondar um número decimal para baixo, ou o método Math.ceil() para arredondar um número decimal para cima.

Convertendo números decimais para strings

Em algumas situações, precisamos converter um número decimal em uma string, seja para exibir na interface do usuário ou para manipulá-lo de alguma forma.

Usando o método toString()

let numero = 3.14;
let numeroString = numero.toString();
console.log(numeroString); // Saída: "3.14"

Usando o método toPrecision()

Esse método permite especificar o número total de dígitos significativos que você deseja que a string resultante contenha.

let numero = 3.14159;
let numeroString = numero.toPrecision(4);
console.log(numeroString); // Saída: "3.142"

Funções de formatação personalizadas

Além das técnicas mencionadas anteriormente, também é possível usar funções de formatação personalizadas para apresentar números decimais em JavaScript.

function formatarNumeroDecimal(numero, casasDecimais) {
  let numeroFormatado = numero.toFixed(casasDecimais);
  return numeroFormatado.replace(".", ",");
}

let numero = 3.14159;
let numeroFormatado = formatarNumeroDecimal(numero, 2);
console.log(numeroFormatado); // Saída: "3,14"

Conclusão

Neste guia completo, exploramos diversas maneiras de formatar números decimais em JavaScript. Aprendemos sobre o uso do método toFixed() e toLocaleString() para formatar números decimais, discutimos a arredondamento de números decimais usando funções como Math.round(), Math.floor() e Math.ceil(), e também vimos como converter números decimais em strings usando os métodos toString() e toPrecision(). Além disso, abordamos a criação de funções personalizadas para formatar números decimais de acordo com nossas necessidades específicas.

Com essas informações, agora você tem as ferramentas necessárias para formatar números decimais em JavaScript de acordo com as suas necessidades. Lembre-se de considerar os requisitos do seu projeto e a preferência do usuário final ao escolher o método de formatação mais adequado. Esperamos que este guia completo tenha sido útil e possibilitado uma melhor compreensão de como formatar números decimais em JavaScript.

Sobre a Awari

A Awari é a melhor plataforma para aprender sobre programação no Brasil. Aqui você encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu próximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.

Já pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui para se inscrever na Awari e começar a construir agora mesmo o próximo capítulo da sua carreira em dados.