- Concatenación de сadenas
- Interpolación de cadenas
- Uso de múltiples líneas
- ¿Para qué sirve esto en la práctica?
Cuando programas, muchas veces necesitas mostrar mensajes personalizados. Por ejemplo, imagina que un sistema debe decirle a cada usuario: 👉 “Hola, Ana, tu pedido está listo”.
Para eso, usamos variables como nombre y las combinamos dentro del mensaje. Hay dos formas de hacerlo: concatenación e interpolación.
Concatenación de сadenas
La forma clásica que ya conocemos es usar + para unir texto:
const nombre = 'Ana';
console.log('Hola, ' + nombre + ', tu pedido está listo.');
// => Hola, Ana, tu pedido está listo.
- Es fácil olvidar agregar espacios o signos de puntuación correctos.
- Cuando la cadena es larga, se vuelve difícil de leer y entender.
-
Se deben usar muchas comillas y
+, lo que puede ser confuso.
Veamos ahora una manera más elegante de hacer lo mismo.
Interpolación de cadenas
const nombre = 'Ana';
console.log(`Hola, ${nombre}, tu pedido está listo.`);
// => Hola, Ana, tu pedido está listo.
Solo necesitas:
- Usar comillas invertidas no
'ni". - Escribir la variable entre
${ }.
❓ ¿Dónde está la comilla invertida?
ChatGPT Plus En muchos teclados, la tecla se encuentra en la parte superior izquierda, junto al número 1. Un error muy común al inicio es usar (comilla simple(')) en lugar de (comilla invertida(`)), lo que provoca que la interpolación no funcione.
Uso de múltiples líneas
Si quieres mostrar varias líneas de texto, la interpolación también ayuda:
console.log(`— ¿Quién eres?
— Soy Arya Stark de Invernalia.`);
Resultado:
— ¿Quién eres?
— Soy Arya Stark de Invernalia.
¿Para qué sirve esto en la práctica?
- Mostrar el nombre del usuario en una página:
Hola, Pedro - Crear mensajes en correos automáticos
- Generar resúmenes como:
Has gastado $2000 este mes - Escribir logs para revisar qué pasa en el programa
Resumen
- La concatenación de cadenas usa
+para unir texto manualmente. - La interpolación permite insertar variables en una cadena usando
${ }. - Las cadenas interpoladas usan comillas invertidas (
`), no comillas simples (') ni dobles ("). - La interpolación es preferida sobre la concatenación porque es más legible y fácil de usar.
Materiales adicionales
Para acceder completo a curso necesitas un plan básico
El plan básico te dará acceso completo a todos los cursos, ejercicios y lecciones de Códica, proyectos y acceso de por vida a la teoría de las lecciones completadas. La suscripción se puede cancelar en cualquier momento.
