Cadenas de texto — Fundamentos de JavaScript

• ¿Qué es una cadena?
• Tipos de comillas en JavaScript
• ¿Qué pasa si uso comillas del mismo tipo?
• Saltos de línea con \n
• Concatenación de cadenas

Las cadenas de texto (strings) están por todas partes en la programación. Se usan para mostrar mensajes, saludar al usuario, escribir correos, direcciones, nombres… todo lo que no sea un número.

¿Qué es una cadena?

'Invernalia'
' '
'Se acerca el invierno'
''

Todas estas son cadenas. Incluso ' ' (un espacio) y '' (vacío) lo son, porque están entre comillas.

Tipos de comillas en JavaScript

JavaScript permite escribir cadenas con:

• Comillas simples: ' ' Se recomiendan porque ayudan a mantener un estilo consistente en la mayoría de proyectos y evitan confusiones visuales al diferenciarse de las comillas dobles, que suelen usarse para otros propósitos, como atributos HTML.
• Comillas dobles: " " Son igual de válidas y se utilizan cuando se quiere seguir un estilo que prioriza su uso o cuando el proyecto requiere compatibilidad con otros lenguajes que las emplean por defecto, como JSON, donde las claves y valores de texto deben ir entre comillas dobles.

console.log('El Rey en el Norte'); // más recomendado
console.log("Valar Morghulis");

¿Qué pasa si uso comillas del mismo tipo?

Queremos mostrar este mensaje:

La espada de Jon Nieve se llama 'Garra'

Si usamos comillas simples tanto por fuera como por dentro, da error:

console.log('La espada de Jon Nieve se llama 'Garra''); // ❌ Error

JavaScript se confunde: piensa que la cadena termina en la segunda comilla que ve, justo antes de la palabra Garra. Entonces cree que el resto (Garra') no tiene sentido, y el programa se rompe.

✅ Solución 1: usar comillas del otro tipo

Una forma simple de evitar el problema es usar comillas dobles por fuera y dejar las simples dentro:

console.log("La espada de Jon Nieve se llama 'Garra'"); // ✅ Funciona

Así todo está claro: la cadena empieza con " y termina con ", y las comillas simples internas no causan problemas.

✅ Solución 2: usar la barra invertida \ para indicar las comillas dentro del texto

También puedes usar comillas del mismo tipo, pero diciéndole a JavaScript que no las cierre aún. Eso se hace con un símbolo especial: la barra invertida \\, que se llama carácter de escape.

console.log('La espada de Jon Nieve se llama \'Garra\''); // ✅ Funciona

Saltos de línea con \n

A veces quieres que el texto se muestre en varias líneas, como si dieras Enter. Para eso, usamos \n dentro de la cadena. Aunque el código se escriba en una sola línea, \n indica dónde hacer el salto.

console.log('Has derrotado a los caminantes blancos\n¡El Norte te recuerda!');

Resultado:

Has derrotado a los caminantes blancos  
¡El Norte te recuerda!

También puedes usar \n para hacer listas:

console.log('Mi lista:\nJoffrey\nGregor Clegane\nIlyn Payne');

Mi lista:
Joffrey
Gregor Clegane
Ilyn Payne

Si quieres que la consola muestre el texto \n como texto normal, y no como salto, debes usar doble barra: \\n.

console.log('Ejemplo: \\n'); // Muestra: Ejemplo: \n

Concatenación de cadenas

console.log('Hola, ' + 'Jon'); // Hola, Jon

Cuando unes cadenas, los espacios no se agregan automáticamente. Si quieres que haya espacio entre las palabras, debes escribirlo tú.

console.log('Casa' + 'Stark');       // CasaStark
console.log('Casa ' + 'Stark');      // Casa Stark
console.log('Casa ' + ' Stark');     // Casa  Stark

⚠️ ¡Atención! Si colocas un espacio de más al inicio o al final, puede quedar raro. Por eso es importante revisar bien qué estás uniendo.

Con esto, ya puedes manejar cadenas en JavaScript como todo un experto. ¡Sigue practicando y experimenta con diferentes textos!

Materiales adicionales

1. REPL para experimentar
2. Plantillas de cadena de texto
3. Historia de los caracteres de nueva línea
4. ¿Qué son las codificaciones?