Como preencher zeros à esquerda em JavaScript

Neste artigo você vai aprender a como preencher zeros à esquerda em JavaScript, para que o número atinga uma quantidade de caracteres específica

Fala programador(a), beleza? Bora aprender mais como acrescentar zeros a um número para que ela tenha uma quantidade específica de algarismos!

Digamos que o nosso objetivo é que todos os números tenham 6 casas, então veja alguns exemplos:

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

• 1 => 000001
• 10 => 000010
• 100 => 000100
• 1000 => 001000

E assim por diante, teremos sempre a inserção de zeros para que a quantidade mínima de números persista, que neste caso hipotético é seis

Veja o código necessário para isso:

function addZeroes(num, len) {

    var numberWithZeroes = String(num);
  var counter = numberWithZeroes.length;
      
  while(counter < len) {
  
  	numberWithZeroes = "0" + numberWithZeroes;
    
    counter++;
  
    }
  
  return numberWithZeroes;

}

console.log(addZeroes(1, 6)); // 0000001
console.log(addZeroes(55, 6)); // 0000055
console.log(addZeroes(234, 6)); // 000234
console.log(addZeroes(1658, 6)); // 001658

Perceba que os exemplos embaixo da função resultam conforme mencionado no início do artigo

Agora vamos ver o que está acontecendo na função addZeroes

Primeiramente temos os argumentos, onde num é o número alvo que queremos acrescentar os zeros

E len é o número de algarismos final que o número precisa ficar, por isso a função sempre foi aplicada com 6, que era o nosso objetivo, mas você pode alterar isso

Depois criamos o número como string em numberWithZeroes, pois não podemos criar um número inteiro em JavaScript com zeros a esquerda, eles serão ignorados

E verificamos a quantidade de caracteres do número atual em counter

Para com a informação counter fazer um loop while, que vai repetir até adicionar o número de zeros necessários a esquerda

Depois é retornado este número para o usuário, conforme as nossas impressões com console.log

Conclusão

Neste artigo vimos como preencher zeros à esquerda em JavaScript

Criamos uma função para isso, ela lê o número enviado e adicionar a quantidade de zeros necessários

Que também é informado por meio do parâmetro len

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube