Descubre cómo usar String.prototype.padStart() en JavaScript

7 abril, 2026 Arkkan

Aprende a mejorar la visualización de cadenas de texto con esta función útil

La función String.prototype.padStart() es una herramienta muy útil en el lenguaje de programación JavaScript que permite a los desarrolladores ajustar la longitud de cadenas de texto para que se vean mejor en la pantalla. Esta función es especialmente útil cuando se trabaja con datos numéricos o cuando se desea asegurar que las cadenas tengan una longitud específica. String.prototype.padStart() toma dos argumentos: el primer argumento es un cadena de caracteres que se agrega al final de la cadena original si es necesario, y el segundo argumento es el número mínimo de caracteres que deseamos que tenga nuestra cadena. Si la cadena original es más larga que el número especificado en el segundo argumento, String.prototype.padStart() no realizará cambios.

Ejemplo 1: Añade cero a la izquierda de un número


const numero = 5;
const resultado = numero.padStart(2, '0');
console.log(resultado); // Output: '005'

En este ejemplo, se utiliza `padStart` para asegurarse de que el número tenga una longitud mínima de dos dígitos, rellenando con ceros en la izquierda si es necesario.

Ejemplo 2: Añade espacios al final de un texto


const texto = 'JavaScript';
const resultado = texto.padStart(10, ' ');
console.log(resultado); // Output: 'JavaScript   '

En este ejemplo, se utiliza `padStart` para asegurarse de que el texto tenga una longitud mínima de diez caracteres, rellenando con espacios en blanco al final si es necesario.

Ejemplo 3: Añade un prefijo a un texto


const texto = 'verde';
const resultado = texto.padStart(5, 'ro');
console.log(resultado); // Output: 'roverde'

En este ejemplo, se utiliza `padStart` para asegurarse de que el texto tenga una longitud mínima de cinco caracteres, rellenando con el prefijo ‘ro’ si es necesario.

Ejemplo 4: Añade un sufijo a un número


const numero = 5;
const resultado = numero.padStart(2, 'm', true);
console.log(resultado); // Output: '05m'

En este ejemplo, se utiliza `padStart` con el tercer parámetro en verdadero para asegurarse de que el número tenga una longitud mínima de dos dígitos, rellenando con ‘m’ al final si es necesario.

Ejemplo 5: Añade un sufijo a un texto


const texto = 'JavaScript';
const resultado = texto.padStart(10, '', true);
console.log(resultado); // Output: 'JavaScript   '

En este ejemplo, se utiliza `padStart` con el tercer parámetro en verdadero para asegurarse de que el texto tenga una longitud mínima de diez caracteres, rellenando con espacios en blanco al final si es necesario.

Ejemplo 6: Añade un prefijo y sufijo a un número


const numero = 5;
const resultado = numero.padStart(4, '0', true);
console.log(resultado); // Output: '005'

En este ejemplo, se utiliza `padStart` con el tercer parámetro en verdadero para asegurarse de que el número tenga una longitud mínima de cuatro dígitos, rellenando con ceros al final si es necesario.

Conclusión

La función String.prototype.padStart() es una herramienta muy útil para asegurar que las cadenas de texto se vean bien en la pantalla y sean fáciles de leer. Al integrarla en proyectos futuros, podrás ahorrar tiempo y evitar errores al trabajar con datos numéricos o cuando deseas asegurarte de que las cadenas tengan una longitud específica. Además, String.prototype.padStart() es compatible con la mayoría de los navegadores actuales, lo que lo hace una excelente opción para mejorar la visualización de cadenas de texto en tu próximo proyecto JavaScript.