Template Literals
Parte de la sección Lógica y Flujo del Journey de JavaScript de Coddy — lección 3 de 65.
Las plantillas literales usan comillas invertidas `` para crear cadenas y te permiten insertar expresiones usando ${}. Por ejemplo, al crear saludos, puedes incrustar dinámicamente nombres u otros datos directamente en la plantilla literal.
Ejemplo:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// Inserta userName dentro de la cadenaLas plantillas literales también admiten cadenas multilínea sin necesidad del carácter de escape \n. Simplemente puedes 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`;Ambos producen el mismo resultado
Desafío
FácilCrea una función llamada greetAll que reciba un array de nombres y devuelva una cadena de texto. Cada nombre en el array debe producir una línea con el formato Hello, <Name>! unidas en una sola cadena, separadas por saltos de línea. Usa plantillas literales para las líneas de saludo.
Hoja de referencia
Los literales de plantilla usan comillas invertidas `` para crear cadenas y te permiten insertar expresiones usando ${}:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// Inserta userName dentro de la cadenaLos literales de plantilla admiten cadenas multilínea sin necesidad de caracteres de escape \n:
// Usando \n
const message1 = `Line 1\nLine 2`;
// Usando saltos de línea reales
const message2 = `Line 1
Line 2`;
// Ambos producen el mismo resultadoPrué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