Geekflare cuenta con el apoyo de nuestra audiencia. Podemos ganar comisiones de afiliados comprando enlaces en este sitio.
Comparte en:

Métodos de cadena para conocer en JavaScript

Escáner de seguridad de aplicaciones web Invicti – la única solución que ofrece verificación automática de vulnerabilidades con Proof-Based Scanning™.

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.

length

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);

trim()

El método trim elimina los espacios en blanco inicial y final de la cadena. Es una operación in situ, es decir, actualiza la cadena original.

const company = "         Geek   Flare           ";

console.log(company);
console.log(company.trim());

charAt(index)

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(index)

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));

slice(startIndex, endIndex)

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(startIndex, length)

El método substr es similar a la slice método. La única diferencia es que el método substr acepta la longitud de la subcadena que debe extraerse de la cadena original.

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.

replace(substring, newSubstring)

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"));

indexOf(substring)

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').

split(substring)

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(", "));

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 frameworks JavaScript populares.

Gracias a nuestros patrocinadores
Más lecturas interesantes sobre el desarrollo
Impulse su negocio
Algunas de las herramientas y servicios para ayudar a que su negocio crezca.
  • Invicti utiliza Proof-Based Scanning™ para verificar automáticamente las vulnerabilidades identificadas y generar resultados procesables en cuestión de horas.
    Prueba Invicti
  • Web scraping, proxy residencial, administrador de proxy, desbloqueador web, rastreador de motores de búsqueda y todo lo que necesita para recopilar datos web.
    Prueba Brightdata
  • Semrush es una solución de marketing digital todo en uno con más de 50 herramientas en SEO, redes sociales y marketing de contenido.
    Prueba Semrush
  • Intruder es un escáner de vulnerabilidades en línea que encuentra debilidades de ciberseguridad en su infraestructura, para evitar costosas filtraciones de datos.
    Intente Intruder