Trabajar con cadenas sin conocer los métodos será una pesadilla para los desarrolladores.
Para deshacernos de esas pesadillas, necesitamos conocer las propiedades y métodos más esenciales de las cadenas en JavaScript.
Vamos a explorarlos uno por uno.
Tabla de contenido
longitud
La propiedad length devuelve la longitud de la cadena.
const company = "kirukiru.es"; console.log(company.length);
aMayúsculas()
El método toUpperCase convierte todos los caracteres de la cadena en mayúsculas y los devuelve. No cambia la cadena original.
const company = "kirukiru.es"; const upperCaseCompany = company.toUpperCase(); console.log(upperCaseCompany);
aLowerCase()
El método toLowerCase convierte todos los caracteres de la cadena en minúsculas y los devuelve. No cambia la cadena original.
const company = "kirukiru.es"; const lowerCaseCompany = company.toLowerCase(); console.log(lowerCaseCompany);
recortar()
El método trim elimina los espacios en blanco iniciales y finales de la cadena. Es una operación en el lugar, es decir, actualiza la cadena original.
const company = " Geek Flare "; console.log(company); console.log(company.trim());
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 company = "kirukiru.es"; console.log(company.charAt(2)); console.log(company.charAt(10));
charCodeAt(índice)
El método charCodeAt devuelve el código ASCII de caracteres en el índice dado. Devuelve NaN si el índice no es válido.
const company = "kirukiru.es"; console.log(company.charCodeAt(2)); console.log(company.charCodeAt(10));
segmento (índice de inicio, índice de finalización)
El método slice devuelve la subcadena de la cadena de startIndex a endIndex (sin incluir). El string.slice(0, 6) devuelve la subcadena del índice 0 al índice 5.
const company = "kirukiru.es"; console.log(company.slice(0, 4));
El método slice también aceptará un argumento sing. Si pasa un solo argumento al método de división, devolverá la subcadena desde el índice dado hasta el final de la cadena.
const company = "kirukiru.es"; console.log(company.slice(4));
El segmento del método 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 kirukiru.es, los índices negativos son
G = -9, e = -8, e = -7, k = -6
y así…
El código string.slice(-9, -5) devolverá Geek para el ejemplo anterior.
const company = "kirukiru.es"; console.log(company.slice(-9, -5));
El código string.slice(-5) devolverá Flare para el ejemplo anterior.
const company = "kirukiru.es"; console.log(company.slice(-5));
Nota: la indexación negativa no funcionará en IE8 y versiones anteriores.
substr(índiceInicio, 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 company = "kirukiru.es"; console.log(company.substr(4, 5));
Hay otro método llamado subcadena que es similar al método de división. Pero, la subcadena del método no aceptará índices negativos. Pruébalo.
replace(subcadena, nuevaSubcadena)
El método replace reemplaza la primera instancia de la subcadena con newSubString.
const statement = "Visit the site Google";
console.log(statement.replace("Google", "kirukiru.es"));
indexOf(subcadena)
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 company = "kirukiru.es";
console.log(company.indexOf("Flare"));
console.log(company.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 company = "kirukiru.es";
console.log(company.indexOf("e"));
console.log(company.indexOf("e", 5));
Hay 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 para el código company.lastIndexOf(‘e’).
dividir (subcadena)
El método split divide la cadena dada en la subcadena y devuelve las partes como una matriz.
const statement = "Visit, the, site, kirukiru.es";
console.log(statement.split(" "));
console.log(statement.split(", "));
Conclusión
Este no es el fin. Explore los métodos restantes de las cadenas de la documentación. Puede haber otros métodos que sean útiles en casos específicos.
Búsquelos y utilícelos en su específico si no está en la lista aquí.
Codificación feliz 🙂
A continuación, explore algunos de los marcos de JavaScript populares.