JS: Strings (Cadenas de Texto)

Creación de Strings

En JavaScript, los strings se pueden crear con comillas simples, dobles o backticks.

let simple = 'Comillas simples';

let doble = "Comillas dobles";

let backticks = `Template Literals`; // Permiten interpolación

Template Literals

Los backticks (`) permiten insertar variables y expresiones directamente:

let nombre = "Javi";

let saludo = `Hola, ${nombre}. Bienvenido.`;

console.log(saludo); // "Hola, Javi. Bienvenido."

Tagged Templates

Es una forma avanzada de usar plantillas donde pasas la cadena a una función antes de mostrarla. Útil para limpiar código HTML o traducir textos.

function resaltar(strings, ...values) {
    // strings: las partes fijas
    // values: las variables (${...})
    return strings[0] + `<strong>${values[0]}</strong>` + strings[1];
}

let nombre = "Blackchorima";
let frase = resaltar`Bienvenido a ${nombre}, pásalo bien.`;
// Resultado: Bienvenido a <strong>Blackchorima</strong>, pásalo bien.

Propiedades y Acceso

length: Devuelve la longitud de la cadena.

let texto = "Hola";

console.log(texto.length); // 4

Acceso a caracteres:

console.log(texto[0]); // "H"

console.log(texto.charAt(0)); // "H"

console.log(texto.at(-1)); // "a" (último carácter)

Métodos de Extracción

• slice(start, end): Extrae una parte (acepta negativos).
• substring(start, end): Similar a slice pero sin negativos.
• substr(start, length): Deprecado.

let str = "Manzana, Banana, Kiwi";

let parte = str.slice(9, 15); // "Banana"

let final = str.slice(-4); // "Kiwi"

Modificación de Contenido

Recuerda: Los strings son inmutables. Estos métodos devuelven un nuevo string.

Reemplazar

let texto = "Visita Microsoft";

let nuevo = texto.replace("Microsoft", "W3Schools");

let todos = texto.replaceAll("o", "a"); // Reemplaza todas las ocurrencias

Mayúsculas y Minúsculas

let grito = "hola".toUpperCase(); // "HOLA"

let susurro = "HOLA".toLowerCase(); // "hola"

Concatenar

let text1 = "Hola";

let text2 = "Mundo";

let text3 = text1.concat(" ", text2); // "Hola Mundo"

Limpiar Espacios

let sucio = "   Hola   ";

let limpio = sucio.trim(); // "Hola"

// También trimStart() y trimEnd()

Búsqueda en Strings

• indexOf("texto"): Posición de la primera aparición.
• lastIndexOf("texto"): Posición de la última aparición.
• search(/regex/): Busca usando expresiones regulares.
• includes("texto"): Devuelve true o false.
• startsWith("texto"): ¿Empieza con...?
• endsWith("texto"): ¿Termina con...?

let frase = "El gato salta";

console.log(frase.includes("gato")); // true

console.log(frase.startsWith("El")); // true

Convertir a Array

El método split() divide un string en un array basándose en un separador.

let csv = "a,b,c,d";

let array = csv.split(","); // ["a", "b", "c", "d"]

let palabras = "Hola Mundo".split(" "); // ["Hola", "Mundo"]