viernes, 26 de julio de 2019

Plantillas de texto en JavaScript

Esta entrada forma parte de una serie.

En JavaScript disponemos de un herramienta muy útil para trabajar con textos y variables. Se trata de las plantillas de texto que se introdujeron en las versiones ES6/ES2015 de JavaScript/ECMAScript, que se publicó en junio de 2015. Las novedades en los estándares web es conveniente esperar antes de introducirlos en producción para evitar que los navegadores no actualizados dejen de mostrar esas características que hemos programado con tanta dedicación.

Veamos un ejemplo.


https://repl.it/@valoro/JS-plantillas-de-texto

 var edad=prompt("Indica tu edad en años",22);  
 var ciudad=prompt("Indica tu ciudad","Buenos Aires");  
 //creamos la variable texto con comillas invertidas  
 var texto=`  
  <h1>Bienvenidos miembros</h1>  
  <p>Perteneces al grupo de la ciudad de ${ciudad}</p>  
  <p>y todos los miembros de tu grupo tienen ${edad} años.</p>  
  <p>Tu grupo se llamará ${ciudad.toLowerCase().replace(/ /g, "")}${edad}</p>  
 `;  
 document.write(texto);  

La instrucción replace(/ /g,"") lo que hace es reemplazar de forma global todos los espacios por una cadena vacía. Esto supone en la práctica que se eliminan todos los espacios.

No hay comentarios:

Publicar un comentario