Como imprimir números com zero a esquerda em JavaScript

Neste artigo você vai aprender a como imprimir números com zero a esquerda em JavaScript, de uma maneira super simples

imprimir números com zero a esquerda capa

Fala programador(a), beleza? Bora aprender mais sobre números e JavaScript!

Para exibir números com zero a esquerda precisamos na verdade criar uma string

Formação Claude Code
Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

  • 120 aulas
  • 4 projetos
  • 9h 45min

A linguagem JS automaticamente corta os zeros a esquerda, por isso não conseguimos fazer esta ação com o tipo de dado Number

E temos uma função para nos ajudar nos zeros, que é a padStart

Veja um exemplo prático:

const zeroPad = (num, qty) => String(num).padStart(qty, '0')

console.log(zeroPad(1, 5)); // 00001
console.log(zeroPad(333, 10)); // 0000000333

Na função definimos um número, que é o que terá zeros a esquerda

E a quantidade de casas que o número terá

Ou seja, o número x será preenchido por zeroes até bater a quantidade total que definimos na função

Assim é possível ter qualquer número com zeros preenchidos a esquerda!

Conclusão

Neste artigo você aprendeu a como imprimir números com zero a esquerda em JavaScript

Utilizamos a função padStart de JS para nos auxiliar a isso

Criamos uma função customizada que resolveu o nosso problema, imprimindo qualquer número com zeros a esquerda

Note que você pode definir a quantidade total de números que teremos sendo impressa, pois também colocamos como argumento

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!

Escrito por | Matheus Battisti

Matheus Battisti
Fundador da Hora de Codar

Programador apaixonado pelo mundo das tecnologias, sempre buscando em aprender e se aprofundar em linguagens, frameworks e o que mais for necessário para executar um bom trabalho. Agora tem uma nova missão que é de passar seu conhecimento adiante para formar novos programadores e especializar mais os que já são.

Subscribe
Notify of
guest

0 Comentários
Oldest
Newest Most Voted

Formações

Formação Vibe Coding

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

  • 474 aulas
  • 20 projetos
  • 39h 27min

Blog | Mais populares