Template Literals
Parte de la sección Lógica y Flujo del Journey de JavaScript de Coddy — lección 3 de 65.
Las plantillas de cadena (template literals) usan comillas invertidas Las plantillas literales también admiten cadenas multilínea sin necesidad del carácter de escape Ambos producen el mismo resultado.
` para crear cadenas y te permiten insertar expresiones usando ${}.Por ejemplo, al crear saludos, puedes incrustar dinámicamente nombres u otros datos directamente dentro de la plantilla literal. También puedes incluir símbolos como $ colocándolos directamente dentro de las comillas invertidas.Ejemplo:const userName = "Sam";
const price = 5;
const message = `Welcome, ${userName}! Your total is ${price}.`;
// Inserta userName y price dentro de la cadena\n.Puedes simplemente presionar Enter para una nueva línea, y el salto de línea se conservará en la salida. Ambos enfoques funcionan:// Usando \n
const message1 = `Line 1\nLine 2`;
// Usando saltos de línea reales
const message2 = `Line 1
Line 2`;
Desafío
FácilCrea una función llamada greetAll que tome un array de nombres y devuelva un string. Cada nombre en el array debe producir una línea con el formato Hello, <Name>! unidas en un solo string, separadas por saltos de línea. Usa template literals para las líneas de saludo.
Pruébalo tú mismo
function greetAll(names) {
// Escribe tu código aquí
}
// No escribas nada fuera de la función
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Lógica y Flujo
1Strings en profundidad
Fundamentos de stringsIterar sobre stringsTemplate LiteralsMétodos de stringsResumen - String Weaver4JSON Parte 2
Iterar sobre JSONJSON anidadoEncadenamiento opcional en JSONCopia superficial y profundaResumen - Tienda de bicicletasResumen - Sistema solar7Sistema de Gestión de Biblioteca
Descripción general del proyectoAñadir libros
Buscar por títuloFiltrar por géneroMarcar como leído10Gestionar el sistema del festival
Descripción general del proyectoAñadir películas y sedesAñadir proyeccionesComprar entradasCalificar películasCancelar proyecciones2Arreglos multidimensionales
Conceptos básicos de arreglos 2DAcceso a elementos de arreglos 2DBucles anidados con arreglos 2DResumen - Arreglos 2DSuma y resta de matricesArreglos irregulares (Jagged Arrays)Arreglos 3D y más alláPatrones comunes en arreglos 2DResumen - Todo sobre arreglos5Conjuntos Parte 1
¿Qué es un conjunto?Iterar sobre conjuntosAñadir un elementoEliminar un elementoComprobar si un elemento existeTamaño y Is EmptyCopy y ClearResumen - Conceptos básicos de conjuntos8Temas interesantes de Arrays
Desestructuración de ArraysSintaxis Spread en ArraysArrays dispersosResumen - Taller de Arrays3JSON Parte 1
¿Qué es un JSON?Comprobar si existe una claveMétodos de objetoEl Spread Operator Parte 1El Spread Operator Parte 2Eliminar clavesResumen - Manipular claves de JSON