Métodos de cadena para conocer en JavaScript
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 cuerdas en JavaScript.
Exploremos uno por uno.
de largo
La propiedad length
devuelve la longitud de la cadena.
const company = "GeekFlare";
console.log(company.length);
toUpperCase ()
El método toUpperCase
convierte todos los caracteres de la cadena en mayúsculas y los devuelve. No cambia la cadena original.
const company = "GeekFlare";
const upperCaseCompany = company.toUpperCase();
console.log(upperCaseCompany);
toLowerCase ()
El método toLowerCase
convierte todos los caracteres de la cadena en minúsculas y los devuelve. No cambia la cadena original.
const company = "GeEkFlaRe";
const lowerCaseCompany = company.toLowerCase();
console.log(lowerCaseCompany);
recortar ()
El método trim
removes the starting and ending white spaces from the string. It is an in-place operation i.e.., updates the original string.
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 = "GeekFlare";
console.log(company.charAt(2));
console.log(company.charAt(10));
charCodeAt(índice)
El método charCodeAt
devuelve el carácter de código ASCII en el índice dado. Vuelve NaN
si el índice no es válido.
const company = "GeekFlare";
console.log(company.charCodeAt(2));
console.log(company.charCodeAt(10));
segmento(índice inicial, índice final)
El método slice
devuelve la subcadena de la cadena de startIndex
a endIndex
(No incluído). El string.slice(0, 6)
devuelve la subcadena de la 0th
indexar a 5th
índice.
const company = "GeekFlare";
console.log(company.slice(0, 4));
El método slice
también aceptará un argumento de cantar. Si pasa un solo argumento al slice
, luego devolverá la subcadena del índice dado al final de la cadena.
const company = "GeekFlare";
console.log(company.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 las personas.
Cadena dada GeekFlare
, los índices negativos son
G
=-9, e
=-8, e
=-7, k
= -6
y así…
El código string.slice(-9, -5)
regresará Geek
para el ejemplo anterior.
const company = "GeekFlare";
console.log(company.slice(-9, -5));
El código string.slice(-5)
regresará Flare
para el ejemplo anterior.
const company = "GeekFlare";
console.log(company.slice(-5));
Nota: La indexación negativa no funcionará en IE8 y versiones anteriores.
substr(índice de inicio, longitud)
El método substr
es similar a la slice
método. La única diferencia es que el método substr
accepts the substring length that needs to be extracted from the original string.
const company = "GeekFlare";
console.log(company.substr(4, 5));
Hay otro método llamado substring
que es similar al slice
método. Pero, el metodo substring
no aceptará índices negativos. Pruébalo.
reemplazar (subcadena, nuevaSubcadena)
El método replace
reemplaza la primera instancia del subcadena con el nuevaSubCadena.
const statement = "Visit the site Google";
console.log(statement.replace("Google", "GeekFlare"));
índice de (subcadena)
El método indexOf
devuelve el índice inicial de un carácter dado de la cadena. Volverá -1
si el carácter no está presente en la cadena.
const company = "GeekFlare";
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 = "GeekFlare";
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 personaje. Pruébelo para el código company.lastIndexOf('e')
.
dividir (subcadena)
El método split
divide la cadena dada en el subcadena y devuelve las partes como una matriz.
const statement = "Visit, the, site, GeekFlare";
console.log(statement.split(" "));
console.log(statement.split(", "));
Para Concluir
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 frameworks JavaScript populares.