Javascript-tekenreeksinterpolatie

Michael Zippo

String-interpolatie JavaScript is het proces van het insluiten van een uitdrukking in een deel van een string. Een letterlijke sjabloon wordt gebruikt voor het insluiten van expressies. U kunt waarden (zoals variabelen en wiskunde) aan een tekenreeks toevoegen door middel van interpolatie.

Moet u een waarde toevoegen aan een JavaScript-tekenreeks? De letterlijke patroonsyntaxis heeft u gedekt. Letterlijke sjablonen maken het gemakkelijker om te werken met tekenreeksen met meerdere regels en geneste JavaScript-waarden ‚Äã‚Äãin een tekenreeks. Letterlijke patronen van patronen zijn JavaScript-tekenreeksinterpolatiesyntaxis.

In deze handleiding gaan we het hebben over JavaScript-tekenreeksinterpolatie. We bespreken wat het is, hoe het werkt, en kijken naar een voorbeeld van tekenreeksinterpolatie om u op weg te helpen.

Laten we zonder verder oponthoud beginnen!

JavaScript-interpolatietekenreeks

U kunt waarden ‚Äã‚Äãaan een JavaScript-tekenreeks toevoegen met behulp van een letterlijke sjabloon. Dit is een dollarteken gevolgd door twee accolades. Binnen de accolades moet de uitdrukking staan waarvan u de waarde in de tekenreeks wilt insluiten.

Met patroonletters kunt u waarden ‚Äã‚Äãin een tekenreeks nesten zonder afhankelijk te zijn van aaneenschakeling. Om een patroon letterlijk te declareren, moet de tekenreeks tussen enkele aanhalingstekens ("") staan in plaats van dubbele aanhalingstekens

Denk aan de volgende syntaxis:.

We hebben een patroon letterlijk verklaard. Onze uitdrukking is:

deze uitdrukking geeft 9 + 10 terug. resultaat van deze uitdrukking wordt toegevoegd aan het einde van onze tekenreeks, vóór de punt. We hebben onze uitdrukking inderdaad vóór de punt geschreven.

interpolatietekenreeks JavaScript bijvoorbeeld

literals-sjablonen stellen u in staat naar waarden ‚Äã‚Äãdirect in een geneste tekenreeks. Beschouw deze code:

De eerste regel code definieert het premier-adresnummer. Daarna gebruiken we de sjabloon voor letterlijke waarden om het volledige adres aan te maken tax $ {} wordt gebruikt voor i Integreer waarde in onze keten. We hebben de waarde van "address_number" toegevoegd aan de string

Laat onze code lopen:

Onze code heeft onze twee tekenreeksen samengevoegd.

Als u letterlijke patronen gebruikt, kunt u een waarde in letterlijke zin insluiten. Dit omvat een tekenreeks, getal of het resultaat van een JavaScript wiskundige berekening . U moet een sjabloon letterlijk niet insluiten in een sjabloon letterlijk.

een van de belangrijkste voordelen van letterlijke tekenreeksen is .. dat de syntaxis duidelijk is dat we kunnen insluiten onze javascript-code direct in onze string

we kunnen strings samenvoegen met behulp van de aaneenschakeling Laten we zeggen dat we twee st ringen:.

Je kunt twee strings samenvoegen met het plusteken (+):

JavaScript-console-vingerafdrukken de volgende waarde:

We zijn erin geslaagd een ketting te maken die onze twee snaren verbindt. Uiteindelijk gebruiken we de concatenatie-operator om een punt ("") aan onze zin toe te voegen

Maar deze syntaxis heeft één nadeel:. U kunt geen waarden ‚Äã‚Äãaan het einde van een tekenreeks toevoegen. Dit is een belangrijke reden achter de introductie van de letterlijke sjabloonsyntaxis. Het is nu gemakkelijker om waarden toe te voegen ‚Äã‚Äãin het midden van een string

JavaScript voor String-interpolatie. Berekeningen

De code in een letterlijke sjabloon is een JavaScript-statement. Dit betekent dat u letterlijke patronen kunt gebruiken om berekeningen uit te voeren en hun waarden in een programma in te bedden.

Laten we een keten maken die berekent de prijs van twee drankjes in een Baré en zet het resultaat in een ketting:

In de $ {}-syntaxis hebben we een berekening toegevoegd. Deze berekening telt de waarden ‚Äã‚Äãvan twee JavaScript-variabelen bij elkaar op. Onze variabelen zijn drink1 (2.30) en drink2 (2.20) samen. Onze code retourneert een string met de som van deze waarden:

JavaScript voor string-interpolatie: ternaire operatoren

JavaScript ternaire operatoren < /a> stelt u in staat om te evalueren of een bewering waar of onwaar is. Ze zijn een beknoptere manier om een if-statement te schrijven. Ternaire operatoren zijn vooral handig als het resultaat van een if-instructie een enkele regel code nodig heeft

Als een klant meer dan $ 4,00 voor zijn koffie uitgeeft, moet hij kennismaken met de rekening. Dan moet hij worden uitgenodigd om lid te worden van de loyaliteit van het café kaartclub. Anders moet het op de rekening worden gepresenteerd. We kunnen een ternaire operator gebruiken om de kosten van de factuur van een klant te controleren:

Ons letterlijke patroon bevat twee ingebouwde uitdrukkingen. integreer de waarde van "totaal" in onze keten. Vervolgens gebruiken we een ternaire operator om te controleren of een klant moet worden uitgenodigd om lid te worden van het clubcafé voor klantenkaarten

Als de totale aankoopprijs meer dan $ 4,00 is, zal de console het volgende bericht afdrukken:

Anders retourneert onze ternaire operator de waarde na de dubbele punt (":") .. Dit is de waarde die wordt geretourneerd wanneer een expressie evalueert naar False.

In ons voorbeeld is de waarde na de dubbele punt een lege tekenreeks. Dit betekent dat als het minder dan $ 4,00 is, alleen de eerste zin van onze letterlijke sjabloon bij aankoop van een klant wordt geretourneerd:

Conclusie

Letterlijke templates laten je een waarde insluiten in een touwtje. U kunt berekeningen uitvoeren in een letterlijk model. We verklaren het patroon letterlijk met behulp van de backticks. De te evalueren declaraties worden aangegeven met een dollarteken en een paar accolades waarbinnen de declaratie verschijnt