Formatando Números em JavaScript

1. Utilizando toLocaleString():

O método toLocaleString() é uma maneira simples e eficiente de formatar números em JavaScript. Ele permite que você especifique o idioma e as opções de formatação desejadas, como o estilo de moeda, separadores de milhar e decimais. Veja um exemplo abaixo:

const number = 1234567.89;
const formattedNumber = number.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
console.log(formattedNumber); // R$ 1.234.567,89

Neste exemplo, o número 1234567.89 foi formatado como moeda brasileira, resultando em “R$ 1.234.567,89”.

2. Usando a biblioteca numeral.js:

A biblioteca numeral.js é uma poderosa ferramenta para formatação de números em JavaScript. Ela fornece uma API simples e intuitiva para formatar e manipular números em diversos formatos, como moeda, porcentagem, temperatura, entre outros. Veja um exemplo de uso:

const numeral = require('numeral');
const number = 9876543.21;
const formattedNumber = numeral(number).format('$0,0.00');
console.log(formattedNumber); // $9,876,543.21

Com a biblioteca numeral.js, é possível personalizar facilmente a formatação do número de acordo com suas necessidades específicas.

3. Criando sua própria função de formatação:

Se preferir, você também pode criar sua própria função de formatação de números em JavaScript. Isso permite que você tenha total controle sobre o formato e a lógica de formatação. Abaixo, temos um exemplo de uma função simples de formatação de números com separadores de milhar:

function formatNumber(number) {
   return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
}

const number = 9876543.21;
const formattedNumber = formatNumber(number);
console.log(formattedNumber); // 9.876.543.21

Nesse exemplo, a função formatNumber() insere pontos como separadores de milhar, deixando o número mais legível.

Conclusão:

A formatação correta de números em JavaScript é fundamental para a apresentação adequada de dados numéricos e aprimoramento da experiência do usuário. Neste artigo, exploramos diversas maneiras de formatar números em JavaScript, desde o uso do método toLocaleString(), passando pela biblioteca numeral.js até a criação de uma função personalizada. Use essas técnicas de acordo com suas necessidades específicas e aproveite os benefícios de uma formatação adequada de números em seus projetos. Lembre-se sempre de considerar o contexto e os requisitos do seu aplicativo ao escolher a melhor abordagem para a formatação de números em JavaScript.

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.