Javascript-String-Interpolation

| | | | | |

JavaScript-String-Interpolation ist der Vorgang, bei dem ein Ausdruck in einen Teil eines Strings eingebettet wird. Ein Vorlagenliteral wird verwendet, um Ausdrucke einzubetten. Sie können Werte wie Variablen und mathematische Berechnungen mithilfe von Interpolation zu einer Zeichenfolge hinzufugen.

Mussen Sie einen Wert in eine JavaScript-Zeichenfolge einfugen? Die Syntax des Vorlagenliterals hat Sie abgedeckt. Vorlagenliterale erleichtern die Arbeit mit mehrzeiligen Strings und das Einbetten von Werten in einen JavaScript-String. Vorlagenliterale sind die JavaScript-String-Interpolationssyntax.

In diesem Handbuch werden wir uber die JavaScript-String-Interpolation sprechen. Wir besprechen, was es ist, wie es funktioniert und fuhren ein Beispiel fur die String-Interpolation durch, um Ihnen den Einstieg zu erleichtern.

Lass uns ohne weiteres beginnen!

JavaScript String-Interpolation

Sie können einem JavaScript-String mithilfe eines Vorlagenliterals Werte hinzufugen. Dies ist ein Dollarzeichen, gefolgt von zwei geschweiften Klammern. Innerhalb der geschweiften Klammern sollte sich der Ausdruck befinden, dessen Wert Sie in den String einbetten möchten.

Vorlagenliterale ermöglichen es Ihnen, Werte in einen String einzubetten, ohne sich auf eine Verkettung zu verlassen. Um ein Vorlagenliteral zu deklarieren, muss Ihre Zeichenfolge in hintere Striche (") statt in Anfuhrungszeichen eingeschlossen werden.

Beachten Sie die folgende Syntax:

Wir haben ein Vorlagenliteral deklariert. Unser Ausdruck ist:

Dieser Ausdruck wertet 9 + 10 aus. Das Ergebnis dieses Ausdrucks wird am Ende hinzugefugt unserer Saite, vor dem Punkt. Dies liegt daran, dass wir unseren Ausdruck vor dem Punkt geschrieben haben.

JavaScript String Interpolation Beispiel

Vorlagenliterale ermöglichen es Ihnen, Werte direkt in einen String einzubetten. Betrachten Sie diesen Code:

Die erste Codezeile definiert die Adressnummer des Premierministers. Als N√§chstes verwenden wir Vorlagenliterale, um die vollst√§ndige Adresse zu erstellen. Die Syntax ${} wird verwendet, um einen Wert in unseren String einzubetten. Wir haben den Wert von "address_number‚" in den String.

Lassen Sie unseren Code ausfuhren:

Unser Code hat unsere beiden Strings zusammengefuhrt.

Wenn Sie Vorlagenliterale verwenden, können Sie jeden beliebigen Wert in das Literal einbetten. Dazu gehören ein String, eine Zahl , oder das Ergebnis einer JavaScript-Mathematik. Sie mussen kein Vorlagenliteral in ein Vorlagenliteral einbetten.

Eins Einer der Hauptvorteile von String-Literalen ist die klare Syntax. Wir können unseren JavaScript-Code direkt in unseren String einbetten.

Wir können Strings durch Verkettung zusammenfuhren. Nehmen wir an, wir haben zwei Strings:< /p>

Sie können zwei Strings mit dem Pluszeichen (+) verketten:

Die JavaScript-Konsole gibt den folgenden Wert aus:

Wir haben erfolgreich eine Zeichenfolge erstellt, die unsere beiden verbindet Saiten. Am Ende verwenden wir den Verkettungsoperator, um unserem Satz einen Punkt (".‚") hinzuzufugen.

Diese Syntax hat jedoch einen Nachteil: Wir können nur Werte am Ende von a . hinzufugen Schnur. Dies ist ein wichtiger Grund fur die Einfuhrung der literalen Syntax von Vorlagen. Es ist jetzt einfacher, Werte in der Mitte einer Zeichenfolge hinzuzufugen.

JavaScript zur Zeichenfolgeninterpolation: Berechnungen

Der Code in einem Vorlagenliteral ist eine JavaScript-Anweisung. Das bedeutet, dass Sie Vorlagenliterale verwenden können, um Berechnungen durchzufuhren und ihre Werte in ein Programm einzubetten.

Erstellen Sie eine Zeichenfolge, die berechnet der Preis von zwei Getr√§nken in einem Café und platziert das Ergebnis in einen String:

In die ${}-Syntax haben wir eine Berechnung eingefugt. Diese Berechnung addiert die Werte zweier JavaScript-Variablen. Unsere Variablen sind drink1 (2.30) und drink2 (2.20) zusammen. Unser Code gibt einen String mit der Summe dieser Werte zuruck:

JavaScript mit Stringinterpolation: Ternäre Operatoren

JavaScript Ternäre Operatoren können Sie beurteilen, ob eine Aussage wahr oder falsch ist. Sie sind eine prägnantere Art, eine if-Anweisung zu schreiben. Ternäre Operatoren sind besonders nutzlich, wenn das Ergebnis einer if-Anweisung nur eine Codezeile benötigt.

Wenn ein Kunde mehr als $4,00 fur seinen Kaffee ausgibt, sollte ihm seine Rechnung vorgelegt werden. Anschließend sollte er gebeten werden, dem Kaffee-Kundenkartenclub beizutreten. Andernfalls sollte ihm nur seine Rechnung vorgelegt werden Wir könnten einen ternären Operator verwenden, um die Kosten einer Kundenrechnung zu uberprufen:

Unser Vorlagenliteral enth√§lt zwei eingebettete Ausdrucke Betten Sie den Wert von "total‚" in unseren String ein. Als N√§chstes verwenden wir einen tern√§ren Operator, um zu prufen, ob ein Kunde gebeten werden sollte, dem Treuekartenclub des Kaffeehauses beizutreten.

Wenn der Gesamtkaufpreis uber $4,00 liegt, wird die folgende Meldung an die Konsole ausgegeben:

Andernfalls gibt unser tern√§rer Operator den Wert nach dem Doppelpunkt (":‚") zuruck. Dies ist der Wert, der zuruckgegeben wird, wenn ein Ausdruck als False ausgewertet wird.

In unserem Beispiel ist der Wert nach dem Doppelpunkt eine leere Zeichenfolge. Das bedeutet, dass bei einem Kauf eines Kunden unter 4,00 USD nur der erste Satz unseres Vorlagenliterals zuruckgegeben wird:



Schlussfolgerung

Vorlagenliterale ermöglichen es Ihnen, einen Wert in einen String einzubetten. Sie können Berechnungen innerhalb eines Vorlagenliterals durchfuhren. Wir deklarieren Vorlagenliterale mit Backticks. Auszuwertende Anweisungen werden durch ein Dollarzeichen und zwei geschweifte Klammern gekennzeichnet, in denen die Anweisung steht.

Um mehr uber JavaScript zu erfahren, lesen Sie unseren Leitfaden zum Erlernen von JavaScript.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method