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étodo | Descripció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étodo | Descripció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étodo | Descripció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étodo | Descripció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étodo | Descripció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étodo | Descripció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étodo | Descripció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"]]