Cadenas multilínea
Escriba texto multilínea legible sin secuencias de escape.
Cadenas multilínea es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 4 lecciones en total.
El método antiguo
Antes de los literales de plantilla, una cadena multilínea requería secuencias de escape explícitas para los saltos de línea o concatenar cadenas en varias líneas. Esto resultaba extenso y propenso a errores.
const old = "Line 1\nLine 2\nLine 3"
console.log(old)Los literales de plantilla abarcan varias líneas
Un literal de plantilla escrito con comillas invertidas puede contener saltos de línea reales en el código fuente. Cada salto de línea que escriba se convierte en un salto de línea de la cadena.
El ejemplo ejecutable reproduce el mismo resultado mediante secuencias de escape.
const text = "First\nSecond\nThird"
console.log(text)Los espacios en blanco se conservan
La sangría y los espacios dentro de una plantilla multilínea se conservan exactamente como se escribieron. Esto es importante al generar una salida con formato.
const block = " indented\n more indented"
console.log(block)Crear párrafos
Las cadenas multilínea resultan prácticas para párrafos de texto, cuerpos de correo electrónico o plantillas. Aquí se ensambla un mensaje breve.
const msg = "Dear user,\n\nThank you for joining.\n\nBest regards"
console.log(msg)Contar líneas
Puede dividir una cadena multilínea usando el carácter de salto de línea para contar o procesar líneas individuales.
const text = "a\nb\nc\nd"
const lines = text.split("\n")
console.log("Lines: " + lines.length)Unir en varias líneas
Un array de líneas se puede unir con un separador de salto de línea para crear una cadena multilínea mediante programación.
const parts = ["one", "two", "three"]
console.log(parts.join("\n"))Combinar con la interpolación
Las plantillas multilínea también pueden contener marcadores, combinando valores dinámicos con saltos de línea. El ejemplo utiliza concatenación para mostrar el resultado.
const name = "Sam"
const body = "Hello " + name + ",\nWelcome aboard."
console.log(body)Tabulaciones y caracteres especiales
Puede incluir caracteres de tabulación con la secuencia de escape de tabulación incluso dentro de cadenas multilínea para alinear columnas.
const table = "Name\tAge\nAlice\t30\nBob\t25"
console.log(table)Eliminar líneas adicionales
Las cadenas multilínea a veces contienen líneas vacías al principio o al final. El método trim elimina los espacios en blanco circundantes, incluidos los saltos de línea.
const raw = "\n\nHello\n\n"
console.log("[" + raw.trim() + "]")Generar texto de código
Las cadenas multilínea resultan útiles para emitir fragmentos de código fuente o configuración como texto.
const code = "function add(a, b) {\n return a + b\n}"
console.log(code)Tener en cuenta la longitud de las líneas
Recuerde que una plantilla multilínea incluye cada salto de línea que escriba. Los saltos de línea accidentales pueden introducir espacios en blanco inesperados, así que dé formato de manera intencionada.
const a = "no break here and here"
console.log(a.length)Comprobación rápida
Compruebe su comprensión de las cadenas multilínea.
Repaso
Repaso: Los literales de plantilla permiten usar texto multilínea real.
- Los saltos de línea del código fuente se convierten en saltos de línea de la cadena
- Los espacios en blanco se conservan exactamente
- Se pueden combinar con la interpolación para crear bloques dinámicos
- Utilice split y join para procesar líneas
console.log("Line A\nLine B")Preguntas frecuentes
¿La lección «Cadenas multilínea» es gratis?
Sí — el texto completo de «Cadenas multilínea» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Cadenas multilínea»?
Escriba texto multilínea legible sin secuencias de escape. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar JavaScript Academy?
No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.
¿Cuánto tiempo toma la lección «Cadenas multilínea»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?
Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Fundamentos de la interpolación de cadenas
- Cadenas multilínea
- Funciones de plantilla etiquetada
- Casos prácticos de plantillas etiquetadas