Explicación sobre String en JavaScript

En el entorno del desarrollo web y en JavaScript en particular, una de las actividades más frecuentes es el manejo de cadenas de texto, también conocidas como strings. Por esta razón, es fundamental familiarizarse con este tipo de dato y las operaciones que pueden realizarse con él.

¿Qué es un String en JavaScript?

Un string es una secuencia de caracteres que representa información textual. En JavaScript, crear un string es muy sencillo y puede hacerse de dos formas:

Forma de declaración	Descripción
"texto"	Forma recomendada: se usa texto entre comillas simples o dobles.
new String(texto)	Crea un objeto String. No se recomienda salvo casos muy específicos.

JavaScript permite el uso de tres tipos de comillas para definir strings:

• Comillas simples: 'texto'
• Comillas dobles: "texto"
• Backticks (acento grave): `texto` (especialmente útiles para interpolación y strings multilínea)

Aunque puedes usar cualquiera de las tres, es una buena práctica elegir un estilo coherente dentro de tu proyecto o equipo de trabajo.

Ejemplos:

jsCopiarEditarconst saludo = "¡Hola!";
const mensaje = 'Este es un mensaje';
const plantilla = `Texto usando backticks`;

Es importante señalar que, a diferencia de otros lenguajes, JavaScript no diferencia entre cadenas de texto y caracteres individuales. Ambos son considerados tipo string.

---

Propiedades y métodos de los Strings

Una vez que se declara un string, este cuenta con propiedades y métodos que permiten manipular su contenido. La propiedad más común es .length, que indica la cantidad de caracteres en la cadena.

jsCopiarEditar"Hola".length;     // 4
"".length;         // 0

Acceso por posición

Puedes acceder a un carácter específico dentro del string usando corchetes y el índice (empezando desde cero):

jsCopiarEditarconst palabra = "Hola";
console.log(palabra[0]);  // "H"
console.log(palabra[3]);  // "a"

Si se intenta acceder a una posición inexistente, se obtendrá undefined.

---

Métodos útiles

Los strings en JavaScript poseen métodos que permiten manipular su contenido. Por ejemplo, el método .repeat(n) repite el texto tantas veces como se indique:

jsCopiarEditarconst base = "JS";
base.repeat(3); // "JSJSJS"

Aprenderás muchos más métodos útiles en las siguientes secciones del curso.

---

Interpolación con Template Strings

A partir de ECMAScript 6, se introdujo una forma más elegante de construir cadenas dinámicas: las template strings, que utilizan los backticks (`) y permiten interpolar variables fácilmente con ${}:

jsCopiarEditarconst nombre = "Lucía";
const saludo = `Hola, ${nombre}!`;

Esto no solo mejora la legibilidad, también permite usar expresiones:

jsCopiarEditarconst x = 10, y = 20;
const resultado = `La suma es ${x + y}`; // "La suma es 30"

Además, permite escribir strings en múltiples líneas:

jsCopiarEditarconst multilinea = `
Línea 1
Línea 2
Línea 3
`;

Y también es ideal para generar fragmentos de HTML dinámicamente:

jsCopiarEditarfunction crearBoton(clase, texto) {
  return `<button class="${clase}">${texto}</button>`;
}