Rellenar una cadena

En esta sección vas a ver métodos para meter caracteres en una cadena, bien para rellenar una cadena vacía con un valor o para completarla hasta una longitud dada

  • padEnd( num, cad ): Completa una string
    • hasta la longitud dada añadiendo caracteres por el final
  • padStart( num, cad ): Completa una string
    • hasta la longitud dada añadiendo caracteres por el inicio
  • repeat( num ): repite el string un numero dado de veces

Los dos métodos padStart() y padEnd() crean una nueva cadena añadiendo el texto pasad como segundo argumento hasta tener la longitud indicada en el primer argumento. El primero añade el texto por delante de la cadea y el segundo lo añade al final.

Si no hay segundo argumento se usan espacios

var nombre1 = "Pedro";

var nombre2 = "Ana";

var cad1 = nombre1.padEnd(8, "_");

var cad2 = nombre2.padEnd(8, "_");

console.log(cad1+": apto");   //Pedro___

console.log(cad2+": apto");  //Ana_____

Como ves las dos cadenas tienen el misma longitud, en este caso 8 y se logra añadiento un carácter subrayado o guión bajo. Puede ser útil para listados, para normalizar texto...

Un ejemplo parecido pero ahora vamos a alinear el texto a la derecha añadiendo espacios por la izquierda de cada string

var nombre1 = "Pedro";

var nombre2 = "Ana";

var cad1 = nombre1.padStart(8, " ");

var cad2 = nombre2.padStart(8, " ");

console.log(cad1+": apto");

console.log(cad2+": apto");

En ambos métodos se ha usado un carácter para rellenar, pero se puede usar un texto. Este texto o parte de él se reptira hasta alcanzar la longitud deseada.

Por último nos encontramos con el método repeat(), pone lo que podemos crear una cadena repitiendo la cadena origen el número de veces que se le pasa como argumento.

var signo = "+";

var cruces = signo.repeat(12)

console.log(cruces);

console.log(cruces.length)    //12

En ninguno de los tres caos se modifica el string original, sino que se crea un nuevo objeto string

scripts