Se puede formatear un número para anteponer un 0 a números de un solo dígito utilizando 3 enfoques:
Método 1: Usar el método padStart():
El método padStart() se usa para rellenar una string con otra string hasta una determinada longitud. El relleno comienza desde la izquierda de la cuerda. Toma dos parámetros, la longitud objetivo y la string con la que se reemplazará.
El número al que se va a dar formato se convierte primero en una string pasándolo al constructor de strings. El método padStart() se usa en esta string con el parámetro de longitud dado como 2 y la string por la que se reemplazará, dado el carácter ‘0’. Esto formateará cualquier número de un solo dígito a 2 dígitos anteponiendo un ‘0’ y dejará los números de 2 dígitos como están.
Sintaxis:
prepended_number = String(number).padStart(2, '0')
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to format numbers by
prepending 0 to single-digit numbers?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>How to format numbers by
prepending 0 to single-digit numbers?
</b>
<p>Output for prepending to '1': <span class="output">
</span>
</p>
<p>Output for prepending to '03': <span class="output-2">
</span>
</p>
<button onclick="padNumber()">
Format to 2 digits
</button>
<script type="text/javascript">
function padNumber() {
single_digit = 1;
two_digits = 03;
prepended_out =
String(single_digit).padStart(2, '0');
prepended_out2 =
String(two_digits).padStart(2, '0');
document.querySelector(
'.output').textContent = prepended_out;
document.querySelector(
'.output-2').textContent = prepended_out2;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Método 2: verificar si el número es menor que 9:
en este método, el número se verifica primero si es menor que 9. Si es verdadero, el carácter ‘0’ se agrega al número; de lo contrario, el número se devuelve sin ningún cambio. Esto formateará cualquier número de un solo dígito a 2 dígitos anteponiendo un ‘0’ y dejará los números de 2 dígitos como están.
Sintaxis:
function prependZero(number) {
if (number < 9)
return "0" + number;
else
return number;
}
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to format numbers by
prepending 0 to single-digit numbers?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>How to format numbers by prepending
0 to single-digit numbers?</b>
<p>Output for prepending to '1': <span class="output">
</span>
</p>
<p>Output for prepending to '03': <span class="output-2">
</span>
</p>
<button onclick="padNumber()">
Format to 2 digits
</button>
<script type="text/javascript">
function prependZero(number) {
if (number < 9)
return "0" + number;
else
return number;
}
function padNumber() {
single_digit = 1;
two_digits = 03;
prepended_out = prependZero(single_digit);
prepended_out2 = prependZero(two_digits);
document.querySelector(
'.output').textContent = prepended_out;
document.querySelector(
'.output-2').textContent = prepended_out2;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Método 3: Usar el método slice():
El método slice() se usa para extraer partes de una string de los índices inicial y final especificados. Primero, el número se antepone con un carácter ‘0’ independientemente de que sea un solo dígito. Esto convertirá el número de un solo dígito en 2 dígitos, pero el número de 2 dígitos se convertirá en uno de 3 dígitos con el ‘0’ adicional . El método slice() se usa para extraer los últimos 2 dígitos del número resultante.
Esto obtendrá correctamente los últimos 2 dígitos del número de 2 dígitos descartando el ‘0’ adicional que se le agregó. El número de un solo dígito ahora está formateado con un ‘0’ .
Sintaxis: prepended_number = («0» + número).slice(-2)
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to format numbers by
prepending 0 to single-digit numbers?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>How to format numbers by
prepending 0 to single-digit numbers?
</b>
<p>
Output for prepending to '1': <span class="output">
</span>
</p>
<p>
Output for prepending to '03': <span class="output-2">
</span></p>
<button onclick="padNumber()">
Format to 2 digits
</button>
<script type="text/javascript">
function padNumber() {
single_digit = 1;
two_digits = 03;
prepended_out = (
"0" + single_digit).slice(-2);
prepended_out2 = (
"0" + two_digits).slice(-2);
document.querySelector(
'.output').textContent = prepended_out;
document.querySelector(
'.output-2').textContent = prepended_out2;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA