Hvordan legge til uttrykk i en streng?

Streng interpolasjon er en prosess for å bruke funksjonssamtaler, variabler og aritmetiske uttrykk i en streng direkte. Før strenginterpolasjonen er funksjoner i JavaScript -variabler, uttrykk og funksjonsanrop innebygd i en streng ved bruk av rømningssekvens, objektlitteraler og sammenkoblingsprosess som gjør koden rotete og mindre forståelig.

I denne artikkelen skal vi diskutere streng interpolasjon i JavaScript med følgende læringsutbytte:

• Hvordan du bruker streng interpolasjon i java
• Forskjell mellom streng interpolasjon og sammenkobling
• Hvordan bruke streng interpolasjon med betingede utsagn?
• Hvordan bruke streng interpolasjon med logiske operatører?

Hvordan bruke streng interpolasjon i JavaScript

I JavaScript utføres strenginterpolasjon ved hjelp av mal bokstavelig. Disse malkittene bruker backticks (“) å pakke en streng inni og $ Skilt med et par krøllete parenteser brukes til å legge inn uttrykk i en mal bokstavelig for streng interpolasjon.

Syntaks:

'Dette er streng interpolasjonsprosess $ uttrykk'

Hvordan bruke aritmetiske operatører i streng interpolasjon

I streng interpolasjon kan vi legge inn aritmetiske operatører med $ og krøllete seler som vist nedenfor

Kode:

var a = 2;
var b = 3;
const First = 'String Interpolation Eksempel i JavaScript $ A+B'
konsoll.logg (først);

Her tar vi to variabler en og b og initialiser dem, så tar vi en annen variabel først der vi bruker backticks for å legge inn streng og uttrykk.

Produksjon:

I eksemplet ovenfor beregnes uttrykk i malen bokstavelig som returnerer 5 som resultat.

Forskjell mellom strengkonturasjon og streng interpolasjon

Streng interpolasjon og strengkontenasjon, begge brukes til å slå sammen strengene, funksjonssamtaler og aritmetiske uttrykk i en streng. Følgende eksempler viser forskjellen mellom begge strengforbindelsesteknikker.

Strengkonturasjon:

Følgende eksempler viser hvordan vi innebygde strenger og variabler før streng interpolasjon.

Kode:

const name = 'John';
const alder = 26;
informasjon = "Mitt navn er" + name + "og jeg er" + alder + "år gammel";
konsoll.logg (informasjon);

Her tar vi en variabel Navn, alder og informasjon. Deretter initialiserer vi navnet med en strengverdi, alder med en heltallverdi, og i informasjonsvariabelen utfører vi strengkonturasjon.

Produksjon:

Det sees tydelig at vi bruker (+) tegn for å slå sammen strenger og variabler som gjør koden rotete og mindre klar.

Streng interpolasjon:

La oss ta eksemplet ovenfor og utføre strenginterpolasjon for å forstå forskjellen tydelig.

Kode:

const name = 'John';
const alder = 26;
informasjon = 'Mitt navn er $ name og jeg er $ alder år gammel.';
konsoll.logg (informasjon);

Her bruker vi $ skilt med paret av krøllete seler for å legge inn variablene i en streng.

Produksjon:

Ved hjelp av mal bokstavelig utfører vi streng interpolasjon som gjør koden ren, lett lesbar og forståelig.

Nå har du forstått den klare forskjellen mellom strengen sammenkobling og streng interpolasjon. La oss se på kodeeksempler på strenginterpolasjon i forskjellige scenarier.

Hvordan bruke streng interpolasjon med betingede utsagn

Følgende eksempel demonstrerer bruken av streng interpolasjon med betingede utsagn.

Kode:

const x = 3;
konsoll.Logg ('$ x er $ x%2 === 0 ? 'til og med': 'odd' ');

Her la vi til en ternær operatør for å sjekke om et nummer er jevnt eller rart ved hjelp av streng interpolasjon.

Produksjon:

Koden fungerte som vi forventet.

Hvordan bruke de logiske operatørene med streng interpolasjon

Vi kan også bruke logiske operatører som &&, ||, ? med streng interpolasjon. I det følgende eksemplet bruker vi && operatør med streng interpolasjon.

Kode:

const alder = 20;
konsoll.logg ('du er $ alder> 10 && alder<18 ? 'a teenager':'an adult'');

Her sjekker vi om personen er voksen eller tenåring ved hjelp av && operatør i streng interpolasjon.

Produksjon:

Ved hjelp av && operatør og ternær operatør i streng interpolasjon har vi fått ønsket resultat.

Konklusjon

Streng interpolasjon er en veldig nyttig og viktig funksjon ved ES6 som lar brukerne legge inn uttrykk, variabler, strenger og funksjonsanrop direkte inn i en streng uten å bruke fluktsekvenser, strengprimitiver og sammenkobling.