by Diego Orozco
on December 5, 2023
100 Días de Javascript - 2 de 100
El manejo de cadenas de texto (strings) es de lo más utilizado en la programación, es indispensable trabajar con texto y contar con funciones que nos ayuden a manipular y procesar texto para diversos fines.
#Happy Coding!
Delimitadores de strings
En JavaScript, las strings son secuencias de caracteres encerradas entre comillas simples ‘’, comillas dobles “” o tilde invertida (backticks) ``.
Es importante destacar que estas cadenas de texto son inmutables una vez creadas.
El uso de comillas simples y comillas dobles pude hacerse de manera indistinta debido a que tienen el mismo efecto.
El uso de tilde invertida (back tick) resulta sumamente útil para interpolar variables dentro de la cadena de texto y, asimismo, una string multilínea, como se muestra en el siguiente código:
let edad = 10;
let nombre = "Sasha";
let stringMultilinea = `
Nombre: ${nombre} \n
Edad: ${edad} años\n
***
`;
Operaciones comunes con strings
- Concatenación: Unión de strings usando el operador
+. - Longitud: Se obtiene con la propiedad
length. - Acceso a caracteres: Usando corchetes
[ ]. - Métodos incorporados: Como
slice(),substring(),indexOf(), entre otros, para manipulación de texto.
Métodos incorporados de strings
let stringEjemplo = "Trabajar con strings en Javascript es muy sencillo";
stringEjemplo.length; // Devuelve la cantidad de caracteres (número entero): 50
stringEjemplo.slice(0, 10); // Devuelve caracteres del 0 al 10 > Trabajar c
// substring(startIndex, endIndex)
const str = "Ejemplo de substring";
const substringResult = str.substring(8, 18); // Devuelve 'de substring'
// substr(startIndex, length)
const substrResult = str.substr(8, 10); // Devuelve 'de substr'
// replace(searchValue, replaceValue)
const replaced = str.replace("Ejemplo", "Demo"); // Devuelve 'Demo de substring'
// replaceAll(searchValue, replaceValue) - A partir de ECMAScript 2021
const replacedAll = str.replaceAll("e", "x"); // Devuelve 'Ejxmplo dxx substring'
// toUpperCase()
const upperCase = str.toUpperCase(); // Devuelve 'EJEMPLO DE SUBSTRING'
// toLowerCase()
const lowerCase = str.toLowerCase(); // Devuelve 'ejemplo de substring'
// concat()
const newStr = " - Nueva parte";
const concatenated = str.concat(newStr); // Devuelve 'Ejemplo de substring - Nueva parte'
// trim()
const paddedStr = " Espacios al inicio y al final ";
const trimmed = paddedStr.trim(); // Devuelve 'Espacios al inicio y al final'
// trimStart()
const trimmedStart = paddedStr.trimStart(); // Devuelve 'Espacios al inicio y al final '
// trimEnd()
const trimmedEnd = paddedStr.trimEnd(); // Devuelve ' Espacios al inicio y al final'
// padStart(targetLength, padString)
const padStartResult = str.padStart(25, "*"); // Devuelve '***Ejemplo de substring'
// padEnd(targetLength, padString)
const padEndResult = str.padEnd(25, "*"); // Devuelve 'Ejemplo de substring***'
// charAt(index)
const charAtIndex = str.charAt(3); // Devuelve 'e'
// charCodeAt(index)
const charCodeAtIndex = str.charCodeAt(3); // Devuelve el valor ASCII de 'e'
// split(separator)
const sentence = "Esto es una oración";
const words = sentence.split(" "); // Devuelve un array ['Esto', 'es', 'una', 'oración']