Trabajar con cadenas sin conocer los métodos será una pesadilla para los desarrolladores.
Para librarnos de esas pesadillas, necesitamos conocer las propiedades y métodos más esenciales de las cadenas en JavaScript.
Explorémoslos uno a uno.
longitud
La propiedad length devuelve la longitud de la cadena.
const empresa = "GeekFlare";
console.log(empresa.longitud);
toUpperCase()
El método toUpperCase convierte cada carácter de la cadena a mayúsculas y lo devuelve. No cambia la cadena original.
const empresa = "GeekFlare";
const empresaMayúsculas = empresa.toUpperCase();
console.log(empresaMayúsculas);
toLowerCase()
El método toLowerCase convierte cada carácter de la cadena a minúscula y lo devuelve. No cambia la cadena original.
const empresa = "GeEkFlaRe";
const minúsculasEmpresa = empresa.aMinúsculas();
console.log(minúsculasEmpresa);
recortar()
El método trim elimina los espacios en blanco iniciales y finales de la cadena. Es una operación in situ, es decir, actualiza la cadena original.
const empresa = " Geek Flare ";
console.log(empresa);
console.log(empresa.recortar());
charAt(índice)
El método charAt devuelve el carácter en el índice dado. Devuelve una cadena vacía si el índice no es válido.
const empresa = "GeekFlare";
console.log(empresa.charAt(2));
console.log(empresa.charAt(10));
charCodeAt(índice)
El método charCodeAt devuelve el código ASCII del carácter en el índice dado. Devuelve NaN si el índice no es válido.
const empresa = "GeekFlare";
console.log(empresa.charCodeAt(2));
console.log(empresa.charCodeAt(10));
slice(startIndex, endIndex)
El método slice devuelve la subcadena de la cadena desde startIndex hasta endIndex (sin incluir). El string.slice(0, 6) devuelve la subcadena desde el índice 0 hasta el índice 5.
const empresa = "GeekFlare";
console.log(empresa.slice(0, 4));
El método slice también aceptará un único argumento. Si pasa un único argumento al método slice, éste devolverá la subcadena desde el índice dado hasta el final de la cadena.
const empresa = "GeekFlare";
console.log(empresa.slice(4));
El método slice también aceptará índices negativos. Los índices negativos se cuentan desde el final de la cadena. Veamos un ejemplo, ya que es nuevo para la mayoría de la gente.
Dada la cadena GeekFlare, los índices negativos son
G = -9, e = -8, e = -7, k = -6
y así sucesivamente…
El código string.slice(-9, -5) devolverá Geek para el ejemplo anterior.
const empresa = "GeekFlare";
console.log(empresa.slice(-9, -5));
El código string.sl ice(-5) devolverá Flare para el ejemplo anterior.
const empresa = "GeekFlare";
console.log(empresa.slice(-5));
Nota: La indexación negativa no funcionará en IE8 y versiones anteriores.
substr(inicioIndice, longitud)
El método substr es similar al método slice. La única diferencia es que el método substr acepta la longitud de la subcadena que debe extraerse de la cadena original.
const empresa = "GeekFlare";
console.log(empresa.substr(4, 5));
Existe otro método llamado substring que es similar al método slice. Pero, el método substring no acepta índices negativos. Pruébelo.
replace(substring, newSubstring)
El método replace sustituye la primera instancia de la subcadena por la nuevaSubcadena.
const enunciado = "Visite el sitio Google";
console.log(statement.replace("Google", "GeekFlare"));
indexOf(substring)
El método indexOf devuelve el índice inicial de un carácter dado de la cadena. Devolverá -1 si el carácter no está presente en la cadena.
const empresa = "GeekFlare";
console.log(empresa.indexOf("Flare"));
console.log(empresa.indexOf("O"));
El método indexOf aceptará el segundo argumento, que es un índice a partir del cual comienza la búsqueda de la subcadena dada.
const empresa = "GeekFlare";
console.log(empresa.indexOf("e"));
console.log(empresa.indexOf("e", 5));
Existe otro método llamado lastIndexOf que es similar al método indexOf. La única diferencia es que el método lastIndexOf busca el carácter desde el final de la cadena y devuelve el índice de la primera instancia del carácter. Pruébelo con el código company.lastIndexOf('e').
split(subcadena)
El método split divide la cadena dada en la subcadena y devuelve las partes como una matriz.
const statement = "Visite, el, sitio, GeekFlare";
console.log(statement.split(" "));
console.log(statement.split(", "));
Conclusión
Esto no es el final. Explore los métodos restantes de las cadenas a partir de la documentación. Puede haber otros métodos que sean útiles en casos concretos.
Búsquelos y utilícelos en su caso concreto si no aparecen en esta lista.
Feliz codificación 🙂
A continuación, explore algunos de los frameworks de JavaScript más populares.