JavaScript String Interpolation | Explicado
En JavaScript, el concepto de interpolación de cadena permite agregar variables o expresiones a una cadena. La interpolación se puede llevar a cabo en cadenas que se crean utilizando la plantilla literal. El propósito de la interpolación de la cadena es agregar varias variables o expresiones dentro de una cadena de manera libre de errores.
El fenómeno parece una concatenación pero difiere en la aplicación y las ventajas. Manteniendo la importancia de la interpolación, esta guía atiende a los siguientes resultados de aprendizaje.
- Por qué la interpolación de la cadena?
- Cómo hacer una interpolación de cadena en JavaScript
Por qué la interpolación de la cadena?
Es posible que esté pensando que la concatenación de cadenas se puede usar para hacer la tarea que hace la interpolación de cadena, entonces, ¿por qué se lleva a cabo la interpolación??
La concatenación de cadena habitual le permite agregar variables/expresiones a una cadena. Para hacerlo, debe agregar/eliminar las comillas con frecuencia como se muestra en la siguiente imagen.
Como muestra la imagen de arriba, hay una expresión compleja que se está llevando a cabo para usar múltiples variables que pueden resultar en cometer un error. Para evitar tal escenario, la interpolación de la cadena es bastante útil en tal situación.
Cómo hacer una interpolación de cadena en JavaScript
Antes de entrar en los ejemplos, comprendamos cómo se lleva a cabo la interpolación de cadenas en JavaScript. Hay múltiples formas de crear una cadena en JavaScript, ya sea usando las cotizaciones simples/dobles o creando una plantilla literal (usando el BackQuote (')). La interpolación se puede llevar a cabo en cadenas que se crean utilizando BackQuote (').
La siguiente sintaxis se refiere a la interpolación de la cadena.
'La cadena está siendo interpolada $ expresión'El $ expresión indica que el valor de la expresión/variable se incrustaría en esta cadena.
Practiquemos algunos ejemplos para comprender mejor el concepto de interpolación de cadenas.
Ejemplo 1
El siguiente código utiliza la interpolación de cadena para incrustar múltiples variables en una cadena.
var age = 30; var name = "David";var post = "autor"
var str = 'El nombre de $ post es $ nombre y tiene $ edad años'
consola.log (str);
En el código anterior, se crean dos cadenas y una variable entera. Estas variables se usan en la cadena nombrada "Str" mediante el uso del concepto de interpolación. Por último, la cadena interpolada se imprime en la consola.
Producción
La salida muestra que los valores de las variables "Age", "Nombre" y "Post" están incrustados con éxito en la cadena "Str" mediante el uso de la interpolación de la cadena.
Ejemplo 2
Este ejemplo verifica si una interpolación de cadena funciona en cadenas con comillas simples/dobles.
var name = "David"; var post = "autor"consola.log ("El nombre de $ post es $ nombre");
consola.log ('el nombre de $ post es $ nombre');
El código anterior intenta usar el concepto de interpolación en las cuerdas de una sola/doble cita.
Producción
La salida muestra que la cadena que ejerció el fenómeno de interpolación se imprime tal como está. El valor de las variables no se obtiene porque las citas individuales/dobles las imprimen a medida que se usaron.
Conclusión
La interpolación de la cadena permite agregar los valores de variables/expresiones en una cadena. La interpolación es bastante útil y fácil de ejecutar en comparación con el concepto de concatenación. Esta publicación proporciona una guía detallada sobre la interpolación de cadenas en JavaScript. Para una breve guía, hemos demostrado un conjunto de ejemplos que ilustran cómo las expresiones se pueden integrar en las cuerdas. Por último, se concluye que los literales de la plantilla pueden incrustar las expresiones dentro de ellas, mientras que las citas individuales/dobles tienen que ejercer concatenación para llevar a cabo la misma tarea.