Mostrando entradas con la etiqueta Template literals. Mostrar todas las entradas
Mostrando entradas con la etiqueta Template literals. Mostrar todas las entradas

sábado, 18 de marzo de 2023

Template literals

Es una forma de imprimir resultados en pantalla de forma más armoniosa o para almacenar sin tener que recurrir a demasiada concatenación variables de tipo String, para su uso se emplea comillas invertidas (``), atajo ALT + 96, en lugar de comillas ("") para definir una cadena. Sus usos son:

/*Mostrar datos en pantalla que contenga comillas simples o dobles*/

console.log(`Bienvenido a "JavaScript"`);
//Salida: Bienvenido a "JavaScript"

console.log(`Puedes emplear comilla doble " y simple '`);
//Salida: Puedes emplear comilla doble " y simple'

// Listar elementos con saltos de línea sin necesidad de \n

console.log(`LISTADO
1.- UNO
2.- DOS
3.- TRES`);

/*Salida:

LISTADO
1.- UNO
2.- DOS
3.- TRES

*/

// Interpolar valores y texto

let fecha = "6 de octubre"; 
let perro = {nombre: "Argos", raza: "pastor alemán"};

console.log(`Con fecha ${fecha} se registra a ${perro.nombre} de raza ${perro.raza}`);
//Salida: Con fecha 6 de octubre se registra a Argos de raza pastor alemán

NOTA: Para interpolar valores se emplea ${...}