JavaScript Number Format: Formatando números em JavaScript
JavaScript Number Format: Descubra como formatar números em JavaScript usando métodos nativos, bibliotecas externas e funções personalizadas.
Publicado em 1 de agosto de 2023
Glossário
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.
Aprenda uma nova língua na maior escola de idioma do mundo!
Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa.
+ 400 mil alunos
Método validado
Aulas
Ao vivo e gravadas
+ 1000 horas
Duração dos cursos
Certificados
Reconhecido pelo mercado
Artigos Relacionados
Confira abaixo mais conteúdos sobre o tema
Curso Técnico Desenvolvedor de Sistemas: Aprenda a criar soluções tecnológicas
Um curso técnico desenvolvedor de sistemas é uma formação...
Curso Desenvolvedor Web em Curitiba: Aprenda a Programar e Construa sua Carreira
Curso Desenvolvedor Web Curitiba: Aprenda a programar, construa uma...
Curso Técnico de Desenvolvedor de Software: Aprenda as habilidades necessárias para se tornar um profissional de sucesso na área de desenvolvimento de software.
Resumo: Descubra os benefícios de fazer um curso técnico...
