• Cómo añadir un cero a la izquierda de un número en JavaScript

    5 de diciembre de 2022

    - 2 min read

  • A veces es necesario darle un formato específico a un número en JavaScript para cumplir con ciertos requisitos.

    Por ejemplo, cuando se trabaja con fechas y horas, puede ser necesario añadir un cero a la izquierda de los números menores que 10 para que se muestren con dos dígitos.

    Afortunadamente, JavaScript nos proporciona una manera fácil de añadir un cero a la izquierda de un número. Podemos usar el método toString() junto con el método padStart() para lograr esto.

    Por ejemplo, si queremos añadir un cero a la izquierda del número 1, podemos escribir lo siguiente:

    const number = 1;
    console.log(number.toString().padStart(2, "0"));

    En este caso, el método toString() convierte el número 1 en una cadena de texto, y luego el método padStart() añade un cero a la izquierda de la cadena hasta que tenga una longitud de dos dígitos.

    También podemos añadir un cero a la izquierda de un número que ya es una cadena de texto, como en el siguiente ejemplo:

    const number = "5";
    console.log(number.padStart(2, "0")); // 05

    Si intentas ejecutar el código en un string que ya es de dos dígitos, el método padStart() no hará nada:

    const number = "10";
    console.log(number.padStart(2, "0")); // 10

    En este caso, el método padStart() no añade ningún cero a la izquierda porque el string ya tiene dos dígitos.

    En resumen, para añadir un cero a la izquierda de un número en JavaScript, podemos usar el método toString() junto con el método padStart(). Este enfoque es fácil de usar y nos permite darle un formato específico a los números de manera sencilla.