15 Métodos de Cadena en JavaScript con Ejemplos

¿Por qué usamos métodos de cadena en JavaScript?

Casi todos los lenguajes de programación cuentan con un tipo de dato llamado cadena. Las cadenas son un tipo de dato inevitable cuando hablamos de programación. Para facilitar el procesamiento de cadenas, se utilizan diversos métodos en cada lenguaje de programación. Puede que estos varíen según el lenguaje que estemos utilizando, pero el resultado de las funciones suele mantenerse consistente.

En este blog, vamos a explorar los distintos métodos de cadenas que se utilizan en JavaScript.

Como ya sabemos, JavaScript es un lenguaje de scripting utilizado para programar en la web. En muchas ocasiones, necesitaremos manipular cadenas, por lo que es fundamental tener un conocimiento sólido sobre los métodos de cadena en JavaScript. Antes de comenzar, recuerda que JavaScript distingue entre mayúsculas y minúsculas. Así que trata las letras grandes y pequeñas como diferentes. Entonces, vamos a hablar de los métodos básicos de cadena en JavaScript.

1) Método Length

2) Método CharAt

3) Método EndsWith

4) Método Includes

5) Método IndexOf

6) Método Match

7) Método Repeat

8) Método Replace

9) Método Slice

10) Método Split

11) Método StartsWith

12) Método Substr

13) Método Substring

14) Método ToLowerCase

15) Método ToUpperCase

Aquí hemos mencionado 15 métodos de cadena que son comúnmente usados en JavaScript. Vamos a analizarlos en detalle.

1) Método Length

El método length se utiliza para calcular la longitud de una cadena.

Sintaxis:

string_variable.length;

El método length devuelve la longitud de la cadena, incluyendo los espacios en blanco.

Ejemplo:

var str = "Hola Cybrosys";
var str_len = str.length;
console.log("longitud", str_len);

En la consola, veremos el valor 14, que incluye 13 caracteres y 1 espacio en blanco.

2) Método CharAt

El método charAt se usa para obtener el carácter en el índice especificado de la cadena. En una cadena, la cuenta comienza desde la posición cero. Por lo tanto, si queremos obtener el primer elemento de una cadena, debemos retornar el índice 0.

Sintaxis:

string_variable.charAt('índice');

El método charAt devuelve el carácter en el índice mencionado.

Ejemplo:

var str = "Hola Cybrosys";
var char_at = str.charAt(6);
console.log(char_at);

Al imprimir esto, obtenemos el valor ‘C’, que es el carácter en la posición 6.

3) Método EndsWith

El método endsWith retorna ‘true’ si la cadena termina con el carácter o grupo de caracteres pasados al método endsWith. Si no, el método devuelve ‘false’.

Sintaxis:

string_variable.endsWith('caracteres');

Si el ‘carácter’ pasado es el último carácter de la cadena, la función devuelve true, de lo contrario, retorna false.

Ejemplo:

Caso 1:

var str = "Hola Cybrosys";
var is_last = str.endsWith('sys');
console.log(is_last);

La consola devuelve el valor verdadero ya que la cadena termina con el carácter ‘sys’.

Caso 2:

var str = "Hola Cybrosys";
var is_last = str.endsWith('C');
console.log(is_last);

La consola devuelve false porque la cadena no termina con el carácter ‘C’.

4) Método Includes

El método includes devuelve ‘true’ si el carácter o grupo de caracteres pasados al método están presentes en la cadena. De lo contrario, devuelve false.

Sintaxis:

string_variable.includes('caracteres');

Si los ‘caracteres’ pasados están presentes en la cadena, la función devuelve true, si no, false.

Ejemplo:

Caso 1:

var str = "Hola Cybrosys";
var is_incl = str.includes('sys');
console.log(is_incl);

La consola devuelve verdadero porque la cadena contiene los caracteres ‘sys’.

Caso 2:

var str = "Hola Cybrosys";
var is_incl = str.includes('xyz');
console.log(is_incl);

La consola devuelve falso porque la cadena no contiene los caracteres ‘xyz’.

5) Método IndexOf

El método indexOf devuelve el índice de la primera ocurrencia del carácter o caracteres pasados. Si el carácter pasado no está presente en la cadena, la función devuelve -1.

Sintaxis:

string_variable.indexOf('caracteres');

Si los caracteres están presentes en string_variable, el método devuelve el índice de la primera ocurrencia de los caracteres, de lo contrario, retorna -1.

Ejemplo:

Caso 1:

var str = "Hola Cybrosys";
var index_char = str.indexOf('sys');
console.log(index_char);

La consola devuelve el valor 11 ya que la primera ocurrencia de ‘sys’ se encuentra en el índice 11.

Caso 2:

var str = "Hola Cybrosys";
var index_char = str.indexOf('xyz');
console.log(index_char);

La consola devuelve -1 porque la cadena no contiene los caracteres ‘xyz’.

6) Método Match

El método match devuelve un arreglo con las coincidencias encontradas en la cadena. Si no hay coincidencias, el método devuelve null.

Sintaxis:

string_variable.match('expresión');

Ejemplo:

Caso 1:

var str = "Hola Cybrosys";
var match_expr = str.match("sys");
console.log(match_expr);

La consola devuelve un arreglo que contiene la expresión, grupo, índice y entrada.

Caso 2:

var str = "Hola Cybrosys";
var match_expr = str.match("xyz");
console.log(match_expr);

La consola devuelve ‘null’ ya que no hay coincidencia para la expresión en la cadena.

7) Método Repeat

El método repeat devuelve un valor de cadena con un número de copias de la cadena dada y el conteo.

Sintaxis:

string_variable.repeat('conteo');

Ejemplo:

var str = "Hola Cybrosys";
var repeat_expr = str.repeat(3);
console.log(repeat_expr);

La consola devolverá la cadena ‘Hola CybrosysHola CybrosysHola Cybrosys’. Podemos ver que la cadena se multiplica por el conteo que pasamos.

8) Método Replace

El método replace busca en la cadena la primera ocurrencia del primer argumento pasado y la reemplaza con el segundo argumento. Si el argumento buscado no está presente en la cadena, la función devuelve la cadena misma.

Sintaxis:

string_variable.replace('primer_valor', 'segundo_valor');

Ejemplo:

Caso 1:

var str = "Hola Cybrosys";
var replace_expr = str.replace('Hola', 'Hai');
console.log(replace_expr);

La consola devolverá ‘Hai Cybrosys’, porque la función reemplazó el primer argumento ‘Hola’ con ‘Hai’.

Caso 2:

var str = "Hola Cybrosys";
var replace_expr = str.replace('Hai', 'Bye');
console.log(replace_expr);

La consola devolverá ‘Hola Cybrosys’, porque la función no pudo encontrar ‘Hai’, así que devuelve la cadena misma.

Caso 3:

var str = "Hola Cybrosys Hola";
var replace_expr = str.replace('Hola', 'Hai');
console.log(replace_expr);

La consola devuelve ‘Hai Cybrosys Hola’, ya que la función reemplaza la primera ocurrencia de ‘Hola’ en la cadena.

9) Método Slice

En el método slice, pasamos dos índices. El primer argumento es el índice de inicio, y el segundo argumento es el índice final. El método corta la cadena entre estos índices y la retorna.

Sintaxis:

string_variable.slice('índice_de_inicio', 'índice_final');

Ejemplo:

var str = "Hola Cybrosys";
var slice_expr = str.slice(6, 11);
console.log(slice_expr);

La consola devuelve ‘Cybros’, que es desde la posición 6 de la cadena hasta la posición 11 de la cadena.

Cuando pasamos solo un argumento a la función, esta toma el argumento como el índice de inicio y devuelve la cadena desde el índice de inicio hasta el final de la cadena.

10) Método Split

El método split divide la cadena en un arreglo de subcadenas, excluyendo los argumentos pasados a él, y devuelve el arreglo. También podemos establecer un límite para restringir los elementos en el arreglo devuelto.

Sintaxis:

string_variable.split('caracter', 'límite');

Ejemplo:

var str = "Hola Cybrosys";
var split_expr = str.split(' ');
console.log(split_expr);

La consola devuelve un arreglo de dos elementos ‘Hola’ y ‘Cybrosys’. Si paso un límite de 1, entonces se devolverá un arreglo que contiene solo un elemento. En este caso, se devuelve un arreglo con el elemento ‘Hola’.

11) Método StartsWith

El método startsWith retorna verdadero si la cadena comienza con el carácter/ caracteres pasados como argumento, de lo contrario, retorna falso. También podemos pasar un índice junto con el carácter como segundo argumento para verificar si el índice de la cadena comienza con el carácter/ caracteres.

Sintaxis:

string_variable.startsWith('valor', 'índice');

Ejemplo:

Caso 1:

var str = "Hola Cybrosys";
var start_expr = str.startsWith("Ho");
console.log(start_expr);

En este caso, la consola devuelve verdadero ya que la cadena inicia con el argumento dado.

Caso 2:

var str = "Hola Cybrosys";
var start_expr = str.startsWith("Cy");
console.log(start_expr);

En este caso, la consola devuelve falso ya que la cadena no comienza con el argumento dado.

Caso 3:

var str = "Hola Cybrosys";
var start_expr = str.startsWith("Cy", 6);
console.log(start_expr);

Aquí pasamos un índice junto al valor, y dado que el índice de inicio del valor es correcto, la consola devuelve verdadero.

12) Método Substr

El método substr se utiliza para extraer los caracteres entre el índice dado. Los caracteres extraídos comenzarán desde el ‘valor de inicio’, y la extracción finalizará según la longitud pasada con el método.

Sintaxis:

string_variable.substr('índice_inicio', 'longitud');

Ejemplo:

var str = "Hola Cybrosys";
var substr_expr = str.substr(6, 8);
console.log(substr_expr);

En este caso, la consola nos devuelve el valor ‘Cybrosys’. El método substr extrajo la cadena del índice 6 y de longitud 8.

Si la longitud excede el conteo de la cadena, entonces se devolverán todos los caracteres después del índice. Lo mismo sucede si no mencionamos la longitud.

13) Método Substring

El método substring extrae la cadena desde el índice de inicio hasta el índice final pasado en el método. Si el valor de inicio es mayor que el de final, el método intercambia los argumentos y ejecuta la función.

Sintaxis:

string_variable.substring('índice_inicio', 'índice_final');

Ejemplo:

var str = "Hola Cybrosys";
var substring_expr = str.substring(13, 21);
console.log(substring_expr);

Aquí, la consola nos da el valor ‘Cybrosys’. Los índices de inicio y final se intercambiaron aquí para que la función funcionara.

14) Método ToLowerCase

El método toLowerCase convierte la cadena a letras minúsculas.

Sintaxis:

string_variable.toLowerCase();

Ejemplo:

var str = "Hola Cybrosys";
var toLowerCase_expr = str.toLowerCase();
console.log(toLowerCase_expr);

Aquí, la consola nos devuelve el valor “hola cybrosys”. Las letras mayúsculas se han cambiado a minúsculas.

15) Método ToUpperCase

El método toUpperCase es como el inverso del método toLowerCase. Convierte la cadena a letras mayúsculas.

Sintaxis:

string_variable.toUpperCase();

Ejemplo:

var str = "Hola Cybrosys";
var toUpperCase_expr = str.toUpperCase();
console.log(toUpperCase_expr);

Aquí, la consola nos devuelve el valor “HOLA CYBROSYS”. Las letras minúsculas se han cambiado a mayúsculas.

Así que, estos son los métodos de cadena más comúnmente utilizados en JavaScript. Ahora que has leído este blog, espero que tengas una buena idea de los métodos de cadena, sus diferencias y cómo utilizarlos en JS.

Servicios Relacionados

Si necesitas implementar o profundizar en el uso de JavaScript en tu empresa, puedo ayudarte con:

• Consultoría e implementación de Odoo: Optimiza tus procesos de negocio.
• Desarrollo de módulos personalizados: Crea soluciones adaptadas a tus necesidades.
• Capacitación y formación de usuarios: Asegúrate de que tu equipo esté preparado.
• Soporte técnico y mantenimiento: Garantiza que tu sistema funcione sin problemas.

Contacta conmigo para una consulta gratuita o agenda una demo personalizada. ¡Estoy aquí para ayudarte!