Javascript-String-Interpolation
__del__ |
cos |
exp |
JavaScript |
join |
mean |
sin
Michael Zippo
04.11.2021
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:
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.
