JavaScript 00 Format: Formatando números para exibição no formato “00” em JavaScript
Por que utilizar a formatação "00" em JavaScript? A formatação "00" em JavaScript é amplamente utilizada para exibir números no formato de dois dígitos, com um zero à esquerda quando necessário.
Publicado em 3 de agosto de 2023
Glossário
Por que utilizar a formatação “00” em JavaScript?
A formatação “00” em JavaScript é amplamente utilizada para exibir números no formato de dois dígitos, com um zero à esquerda quando necessário.
Isso é particularmente útil em várias situações, como a exibição de horários, datas, números de série e qualquer contexto em que seja necessário garantir que os números sempre tenham dois dígitos.
A formatação “00” ajuda a manter a consistência e a legibilidade dos dados para os usuários.
Como formatar números para exibição no formato “00” em JavaScript?
Existem diferentes maneiras de formatar números para exibição no formato “00” em JavaScript.
A forma mais comum é utilizando a função “padStart()”, que adiciona zeros à esquerda do número para garantir que ele tenha sempre dois dígitos.
Exemplo utilizando “padStart()”:
const numero = 5;
const numeroFormatado = numero.toString().padStart(2, '0');
console.log(numeroFormatado); // Output: "05"
Outra forma de formatar números é utilizando a função “toLocaleString()”, que permite definir opções de formatação específicas.
Exemplo utilizando “toLocaleString()”:
const numero = 5;
const opcoes = { minimumIntegerDigits: 2 };
const numeroFormatado = numero.toLocaleString('pt-BR', opcoes);
console.log(numeroFormatado); // Output: "05"
Funções úteis para aplicar a formatação “00” em JavaScript.
Além das abordagens mencionadas anteriormente, também podemos criar funções personalizadas para aplicar a formatação “00” em JavaScript.
Exemplo de função “formatarNumero()”:
function formatarNumero(numero) {
return numero.toString().padStart(2, '0');
}
Essa função pode ser utilizada para formatar números para o formato “00”. Basta passar o número desejado como argumento para a função e ela retornará o número formatado com dois dígitos.
Exemplos práticos de aplicação da formatação “00” em JavaScript.
Exemplo 1: Exibição de horários
const horas = 9;
const minutos = 5;
const horarioFormatado = `${formatarNumero(horas)}:${formatarNumero(minutos)}`;
console.log(horarioFormatado); // Output: "09:05"
Exemplo 2: Geração de números de série
const numeroSerie = 123;
const numeroSerieFormatado = `NUM-${formatarNumero(numeroSerie)}`;
console.log(numeroSerieFormatado); // Output: "NUM-123"
Exemplo 3: Exibição de datas
const dia = 1;
const mes = 10;
const ano = 2022;
const dataFormatada = `${formatarNumero(dia)}/${formatarNumero(mes)}/${ano}`;
console.log(dataFormatada); // Output: "01/10/2022"
Esses são apenas alguns exemplos de como utilizar a formatação “00” em JavaScript em diferentes contextos.
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...
