Convertir Cadenas de Texto
El objeto String
también nos da la capacidad de convertir el contenido de las cadenas de texto Javascript. Así nos ofrece una serie de métodos como:
toLowerCase()
, que convierte la cadena a minúsculas.toUpperCase()
, que convierte la cadena a mayúsculasnormalize()
, devuelve normalizados los códigos Unicode de la cadena para que puedan ser analizadas.repeat()
, repite la cadena tantas veces como indiquemos como parámetro al método.trim()
,trimStart()
,trimEnd()
, eliminan los espacios en blanco del principio y final de cadena.padStart()
,padEnd()
, para añadir contenido al principio o al final de la cadena
Mayúsculas y Minúsculas
De esta manera podemos convertir una cadena a minúsculas mediante el método toLowerCase()
de la siguiente manera:
let cadena = "Soy una CADENA de TEXTO";
cadena = cadena.toLowerCase();
console.log(cadena);
O bien podemos convertirlo a mayúsculas, en este caso mediante el método toUpperCase()
, con las siguientes líneas de código:
let cadena = "Soy una CADENA de TEXTO";
cadena = cadena.toUpperCase();
console.log(cadena);
Repetir Cadenas
Si queremos repetir el contenido de una cadena en Javascript podemos acudir al método repeat()
e indicar las veces que se debe de repetir la cadena:
let cadena = "Hola ";
console.log(cadena.repeat(2)); // Mostrará "Hola Hola "
Eliminar Espacios en Blanco
En el caso de que haya que eliminar los espacios el método trim()
nos eliminará los espacios de principio y del final:
let cadena_con_espacios = " soy una cadena con espacios al inicio y fin ";
console.log("La cadena tiene un tamaño de :" + cadena_con_espacios.length);
let cadena_sin_espacios = cadena_con_espacios.trim();
console.log("La cadena tiene un tamaño de :" + cadena_sin_espacios.length);
En el caso de que solo queramos eliminar los espacios al principio de la cadena tenemos el método trimStart()
:
let cadena_con_espacios = " soy una cadena con espacios al inicio y fin ";
console.log(cadena_con_espacios);
let cadena_sin_espacios_inicio = cadena_con_espacios.trimStart();
console.log(cadena_sin_espacios_inicio);
El método
trimStart()
tiene un alias que estrimLeft()
que ejecuta la misma funcionalidad.
Y si solo queremos eliminar los espacios al final de la cadena nos apoyamos en el método trimEnd()
let cadena_con_espacios = " soy una cadena con espacios al inicio y fin ";
console.log(cadena_con_espacios);
let cadena_sin_espacios_fin = cadena_con_espacios.trimEnd();
console.log(cadena_sin_espacios_fin);
En Javascript, al igual que le sucede al método
trimStart()
con su aliastrimLeft()
, el métodotrimEnd()
tiene el aliastrimRight()
con la misma funcionalidad.
Normalizar Cadenas
Con una cosa que tenemos que tener cuidado en Javascript es cuándo utilizamos cadenas en Unicode. Ya que dos textos que al principio nos pueden parecer iguales no lo son. Así que es bueno que si trabajamos con cadenas en Unicode utilicemos el método normalize()
, sobre todo si intentamos compararlas.
let c1 = 'caf\u00E9';
let c2 = 'cafe\u0301';
console.log(c1);
console.log(c2);
if (c1==c2)
console.log("Son dos cadenas iguales");
else
console.log("Son dos cadenas diferentes");
c1 = c1.normalize();
c2 = c2.normalize();
console.log(c1);
console.log(c2);
if (c1==c2)
console.log("Son dos cadenas iguales");
else
console.log("Son dos cadenas diferentes");
Rellenar Contenido
Otra capacidad interesante del objeto String
es la posibilidad de añadir o rellenar contenido al principio o al final de una cadena de texto en Javascript. Es útil si tenemos la necesidad de que una cadena tenga un tamaño concreto y siempre aparezcan caracteres.
Por ejemplo, si tenemos la variable nombre, y queremos que esta siempre tenga un tamaño de 15 caracteres, podemos hacer lo siguiente:
let nombre = "Víctor";
console.log(`Variable de tamaño 15 con relleno al final "${nombre.padEnd(15,' ')}"`);
console.log(`Variable de tamaño 15 con relleno al principio "${nombre.padStart(15,' ')}"`);
Suele ser especialmente útil cuando enviamos información a sistemas, sobre todo Mainframe, que necesitan que el tamaño de la cadena siempre sea fijo.
- Anterior
- Siguiente
Índice Javascript
Descargar
El manual se encuentra en continua revisión. Desde aquí puedes obtener la última versión digital del Tutorial Javascript o bien obtener actualizaciones mensuales del manual.También tenéis la opción de descargar otros manuales o el pack con todos los manuales.