javascript-metodos-del-tipo-string

Métodos del tipo String en JavaScript

El objeto String proporciona una variedad de métodos para trabajar con textos. Vamos a ver algunos de los más útiles

Métodos de manipulación

MétodoDescripción
concat()Combina dos o más cadenas de texto
slice()Extrae una sección de una cadena
substring()Devuelve una parte de la cadena entre los índices
substr()Devuelve una parte de la cadena con una longitud
split()Divide la cadena en un array usando un delimitador
replace()Reemplaza una parte de la cadena
toUpperCase()Convierte todos los caracteres a mayúsculas
toLowerCase()Convierte todos los caracteres a minúsculas
trim()Elimina los espacios en blanco de ambos extremos

concat()

Combina dos o más cadenas de texto y devuelve una nueva cadena.

const str1 = "Hello";
const str2 = "World";
const result = str1.concat(" ", str2);

console.log(result); // "Hello World"

slice()

Extrae una sección de una cadena y devuelve una nueva cadena sin modificar la original.

const str = "JavaScript";
const result = str.slice(0, 4);

console.log(result); // "Java"

substring()

Devuelve una parte de la cadena entre los índices especificados.

const str = "JavaScript";
const result = str.substring(4, 10);

console.log(result); // "Script"

substr()

Similar a substring(), pero con el segundo parámetro especificando la longitud de la subcadena.

const str = "JavaScript";
const result = str.substr(4, 6);

console.log(result); // "Script"

split()

Divide la cadena en un array de subcadenas usando un delimitador especificado.

const str = "Hello World";
const result = str.split(" ");

console.log(result); // ["Hello", "World"]

replace()

Reemplaza una parte de la cadena con otra cadena o expresión regular.

const str = "Hello World";
const result = str.replace("World", "JavaScript");

console.log(result); // "Hello JavaScript"

toUpperCase()

Convierte todos los caracteres de la cadena a mayúsculas.

const str = "Hello World";
const result = str.toUpperCase();

console.log(result); // "HELLO WORLD"

toLowerCase()

Convierte todos los caracteres de la cadena a minúsculas.

const str = "Hello World";
const result = str.toLowerCase();

console.log(result); // "hello world"

trim()

Elimina los espacios en blanco de ambos extremos de la cadena.

const str = "   Hello World   ";
const result = str.trim();

console.log(result); // "Hello World"

Métodos de búsqueda

MétodoDescripción
indexOf()Devuelve el índice de la primera aparición
lastIndexOf()Devuelve el índice de la última aparición
includes()Determina si una subcadena está presente
startsWith()Determina comienza con una cadena
endsWith()Determina termina con una cadena

indexOf()

Devuelve el índice de la primera aparición de una subcadena, o -1 si no se encuentra.

const str = "Hello World";
const index = str.indexOf("World");

console.log(index); // 6

lastIndexOf()

Devuelve el índice de la última aparición de una subcadena, o -1 si no se encuentra.

const str = "Hello World World";
const index = str.lastIndexOf("World");

console.log(index); // 12

includes()

Determina si una subcadena está presente dentro de una cadena, devolviendo true o false.

const str = "Hello World";
const result = str.includes("World");

console.log(result); // true

startsWith()

Determina si una cadena comienza con los caracteres de una subcadena, devolviendo true o false.

const str = "Hello World";
const result = str.startsWith("Hello");

console.log(result); // true

endsWith()

Determina si una cadena termina con los caracteres de una subcadena, devolviendo true o false.

const str = "Hello World";
const result = str.endsWith("World");

console.log(result); // true

Métodos de comparación

MétodoDescripción
localeCompare()Compara dos cadenas en una localización específica
normalize()Devuelve la forma Unicode normalizada de la cadena

localeCompare()

Compara dos cadenas en una localización específica y devuelve un número indicando la comparación.

const str1 = "a";
const str2 = "b";
const result = str1.localeCompare(str2);
console.log(result); // -1 (porque "a" es menor que "b" en el orden lexicográfico)

normalize()

Devuelve la forma Unicode normalizada de la cadena, útil para comparar caracteres Unicode.

const str = "\u00F1";
const normalizedStr = str.normalize("NFD");
console.log(normalizedStr); // "ñ"

Métodos de conversión

MétodoDescripción
toString()Convierte y devuelve la cadena como una representación de texto.
valueOf()Devuelve el valor primitivo de un objeto String.

toString()

Convierte y devuelve la cadena como una representación de texto.

const num = 123;
const str = num.toString();
console.log(str); // "123"

valueOf()

Devuelve el valor primitivo de un objeto String.

const str = new String("Hello World");
const primitiveValue = str.valueOf();
console.log(primitiveValue); // "Hello World"

Métodos de acceso

MétodoDescripción
charAt()Devuelve el carácter en el índice especificado
charCodeAt()Devuelve el valor Unicode de un carácter
codePointAt()Devuelve el valor Unicode de un carácter (16 bits)

charAt()

Devuelve el carácter en el índice especificado.

const str = "Hello World";
const char = str.charAt(6);

console.log(char); // "W"

charCodeAt()

Devuelve el valor Unicode del carácter en el índice especificado.

const str = "Hello World";
const code = str.charCodeAt(6);

console.log(code); // 87 (código Unicode de "W")

codePointAt()

Devuelve el valor Unicode de un carácter en el índice especificado, incluyendo caracteres de más de 16 bits.

const str = "😊";
const codePoint = str.codePointAt(0);

console.log(codePoint); // 128522

Métodos de plantillas

MétodoDescripción
padStart()Rellena el principio hasta alcanzar una longitud determinada
padEnd()Rellena el final hasta alcanzar una longitud determinada
repeat()Repite una cadena un número de veces

padStart()

Rellena la cadena al principio con otra cadena hasta alcanzar una longitud determinada

const str = "5";
const paddedStr = str.padStart(3, "0");

console.log(paddedStr); // "005"

padEnd()

Rellena la cadena al final con otra cadena hasta alcanzar una longitud determinada

const str = "5";
const paddedStr = str.padEnd(3, "0");

console.log(paddedStr); // "500"

repeat()

Devuelve una nueva cadena con un número especificado de copias de la cadena original concatenadas

const str = "abc";
const repeatedStr = str.repeat(3);

console.log(repeatedStr); // "abcabcabc"

Métodos de Regex

MétodoDescripción
match()Busca coincidencias entre una cadena y una expresión regular
matchAll()Devuelve un iterador con todas las coincidencias de una expresión

match()

Busca coincidencias entre una cadena y una expresión regular, devolviendo un array o null.

const str = "Hello World";
const result = str.match(/World/);
console.log(result); // ["World"]

matchAll()

Devuelve un iterador con todas las coincidencias de una expresión regular en la cadena.

const str = "Hello World World";
const iterator = str.matchAll(/World/g);
console.log([...iterator]); // [["World"], ["World"]]