Cómo agregar expresiones en una cadena?

La interpolación de la cadena es un proceso para usar llamadas de funciones, variables y expresiones aritméticas en una cadena directamente. Antes de la interpolación de la cadena, las características de las variables de JavaScript, las llamadas de expresión y función se incrustan en una cadena usando secuencia de escape, literales de objetos y proceso de concatenación que hace que el código sea desordenado y menos comprensible.

En este artículo, vamos a discutir la interpolación de cadenas en JavaScript con los siguientes resultados de aprendizaje:

• Cómo usar la interpolación de cadena en Java
• Diferencia entre la interpolación de la cadena y la concatenación
• Cómo usar la interpolación de cadenas con declaraciones condicionales?
• Cómo usar la interpolación de cadenas con operadores lógicos?

Cómo usar la interpolación de cadenas en JavaScript

En JavaScript, la interpolación de cadena se realiza utilizando plantilla literal. Estos literales de plantilla usan backticks (") para envolver una cuerda dentro y el ps Firmar con un par de soportes rizados se usa para incrustar la expresión en una plantilla literal para la interpolación de cadenas.

Sintaxis:

'Este es el proceso de interpolación de cadenas $ expresión'

Cómo usar operadores aritméticos en la interpolación de cadenas

En la interpolación de la cadena, podemos incrustar operadores aritméticos con ps y aparatos ortopédicos rizados como se muestra a continuación

Código:

var a = 2;
var b = 3;
const first = 'String Interpolation Ejemplo en JavaScript $ a+b'
consola.log (primero);

Aquí tomamos dos variables a y b e inicializarlos, luego tomamos otra variable primero en el que usamos backticks para incrustar cadena y expresión.

Producción:

En el ejemplo anterior, la expresión se calcula dentro de la plantilla literal que regresa 5 como resultado.

Diferencia entre la concatenación de la cadena y la interpolación de la cadena

Interpolación de cadena y concatenación de cadenas, ambos se usan para unir las cadenas, las llamadas de funciones y las expresiones aritméticas en una cadena. Los siguientes ejemplos muestran la diferencia entre ambas técnicas de unión de cadenas.

Concatenación de cadena:

Los siguientes ejemplos muestran cómo incrustamos cadenas y variables antes de la interpolación de la cadena.

Código:

const name = 'John';
Const edad = 26;
información = "Mi nombre es" + nombre + "y soy" + edad + "años de edad";
consola.registro (información);

Aquí tomamos una variable nombre, edad y información. Luego inicializamos el nombre con un valor de cadena, edad con un valor entero, y en la variable de información, realizamos una concatenación de cadenas.

Producción:

Se ve claramente que usamos (+) signo para unir cadenas y variables que deja el código desordenado y menos claro.

Interpolación de cadena:

Tomemos el ejemplo anterior y realicemos la interpolación de cadenas para comprender la diferencia claramente.

Código:

const name = 'John';
Const edad = 26;
información = 'Mi nombre es $ nombre y tengo $ edad años.';
consola.registro (información);

Aquí usamos el ps firmar con el par de aparatos ortopédicos rizados para incrustar las variables en una cadena.

Producción:

Con la ayuda de la plantilla literal, realizamos una interpolación de cadenas que hace que el código sea limpio, fácilmente legible y comprensible.

Ahora, ha entendido la clara diferencia entre la concatenación de la cadena y la interpolación de la cadena. Echemos un vistazo a los ejemplos de código de interpolación de cadenas en diferentes escenarios.

Cómo usar la interpolación de cadenas con declaraciones condicionales

El siguiente ejemplo demuestra el uso de la interpolación de la cadena con declaraciones condicionales.

Código:

const x = 3;
consola.log ('$ x es $ x%2 === 0 ? 'incluso': 'impar' ');

Aquí agregamos un operador ternario para verificar si un número es uniforme o impar con la ayuda de la interpolación de cadenas.

Producción:

El código funcionó como esperábamos.

Cómo usar los operadores lógicos con la interpolación de cadenas

También podemos usar operadores lógicos como &&, ||, ? con interpolación de cadena. En el siguiente ejemplo, estamos usando && operador con interpolación de cadenas.

Código:

const edad = 20;
consola.log ('Eres $ edad> 10 && Age<18 ? 'a teenager':'an adult'');

Aquí verificamos si la persona es un adulto o una adolescente con la ayuda de && operador en la interpolación de cadenas.

Producción:

Con la ayuda de && operador y operador ternario en la interpolación de cadenas, tenemos nuestro resultado deseado.

Conclusión

La interpolación de cadenas es una característica muy útil e importante de ES6 que permite a sus usuarios incrustar expresiones, variables, cadenas y llamadas de función directamente en una cadena sin usar secuencias de escape, primitivas de cadena y concatenación.