Cadenas de texto (Strings)

Cadenas de texto (Strings) Fundamental

Tip

Las cadenas de texto son uno de los tipos de datos más utilizados en JavaScript.

Métodos útiles Importante

Propiedades básicas

const texto = "Hola Mundo";

// Longitud de la cadena
console.log(texto.length); // 10

// Acceso a caracteres
console.log(texto[0]); // "H"
console.log(texto.charAt(0)); // "H"

Búsqueda y comprobación

const texto = "JavaScript es genial";

// Buscar subcadena
console.log(texto.includes("Script")); // true
console.log(texto.startsWith("Java")); // true
console.log(texto.endsWith("genial")); // true

// Encontrar posición
console.log(texto.indexOf("Script")); // 4
console.log(texto.lastIndexOf("a")); // 17

Extracción y modificación

const texto = "JavaScript es genial";

// Extraer subcadena
console.log(texto.slice(0, 4)); // "Java"
console.log(texto.substring(4, 10)); // "Script"

// Dividir en array
console.log(texto.split(" ")); // ["JavaScript", "es", "genial"]

// Reemplazar
console.log(texto.replace("JavaScript", "Python")); // "Python es genial"
console.log(texto.replaceAll("a", "x")); // "JxvxScript es genixl"

Transformación

const texto = "   Hola Mundo   ";

// Eliminar espacios
console.log(texto.trim()); // "Hola Mundo"
console.log(texto.trimStart()); // "Hola Mundo   "
console.log(texto.trimEnd()); // "   Hola Mundo"

// Cambiar mayúsculas/minúsculas
console.log(texto.toUpperCase()); // "   HOLA MUNDO   "
console.log(texto.toLowerCase()); // "   hola mundo   "

Template literals Moderno

Tip

Los template literals permiten crear cadenas multilínea y usar interpolación.

Cadenas multilínea

const poema = `
  En un lugar
  de la Mancha,
  de cuyo nombre
  no quiero acordarme...
`;

Interpolación

const nombre = "Juan";
const edad = 25;

const mensaje = `Hola, me llamo ${nombre} y tengo ${edad} años`;
console.log(mensaje); // "Hola, me llamo Juan y tengo 25 años"

// Expresiones en template literals
const precio = 19.99;
const mensaje2 = `El total es: ${precio * 1.21}€`;

Concatenación Básico

Métodos tradicionales

// Operador +
const nombre = "Juan";
const apellido = "Pérez";
const nombreCompleto = nombre + " " + apellido;

// Método concat()
const saludo = "Hola ".concat(nombre, " ", apellido);

Concatenación moderna

// Template literals (recomendado)
const nombre = "Juan";
const apellido = "Pérez";
const saludo = `Hola ${nombre} ${apellido}`;

Mejores prácticas Recomendado

Usar template literals para interpolación

// ❌ Malo
const mensaje = "Hola " + nombre + ", tienes " + edad + " años";

// ✅ Bueno
const mensaje = `Hola ${nombre}, tienes ${edad} años`;

Métodos en cadena

// ✅ Bueno
const texto = "   HOLA mundo   ";
const resultado = texto
  .trim()
  .toLowerCase()
  .replace("mundo", "JavaScript");

Validación de strings

function validarNombre(nombre) {
  return typeof nombre === "string" &&
         nombre.trim().length > 0;
}

// Uso
if (validarNombre(" ")) {
  console.log("Nombre válido");
} else {
  console.log("Nombre inválido");
}