JavaScript String Interpolation | Erklärt

JavaScript String Interpolation | Erklärt

In JavaScript ermöglicht das String -Interpolationskonzept ein Hinzufügen von Variablen oder Ausdrücken zu einer Zeichenfolge. Die Interpolation kann an Zeichenfolgen durchgeführt werden, die mit der Vorlage buchstäblich erstellt werden. Der Zweck der String-Interpolation besteht darin, verschiedene Variablen oder Ausdrücke in einer Zeichenfolge auf fehlerfreie Weise hinzuzufügen.

Das Phänomen sieht aus wie eine Verkettung, unterscheidet sich jedoch in Anwendung und Vorteilen. Dieser Leitfaden beibehält die Bedeutung der Interpolation und dient den folgenden Lernergebnissen.

  1. Warum String -Interpolation?
  2. So führen Sie eine String -Interpolation in JavaScript durch

Warum String -Interpolation?

Sie denken vielleicht, dass die String -Verkettung verwendet werden kann, um die Aufgabe zu erledigen, die die String -Interpolation ausführt. Warum wird also die Interpolation durchgeführt?

Mit der üblichen String -Verkettung können Sie einer Zeichenfolge Variablen/Ausdrücke hinzufügen. Dazu müssen Sie die Anführungszeichen häufig hinzufügen/entfernen, wie im folgenden Bild gezeigt.

Wie das obige Bild zeigt, gibt es einen komplexen Ausdruck, der für die Verwendung mehrerer Variablen durchgeführt wird, was dazu führen kann, dass ein Fehler begehen kann. Um ein solches Szenario zu vermeiden, ist die Interpolation der Saite in einer solchen Situation sehr nützlich.

So führen Sie eine String -Interpolation in JavaScript durch

Lassen Sie uns vor dem Eingehen der Beispiele verstehen, wie die String -Interpolation in JavaScript durchgeführt wird. Es gibt mehrere Möglichkeiten, um eine Zeichenfolge in JavaScript zu erstellen, indem sie entweder die einzelnen/doppelten Zitate verwenden oder eine Vorlage buchstäblich erstellen (unter Verwendung der Backquote (')). Die Interpolation kann an Zeichenfolgen durchgeführt werden, die mit der Backquote (') erstellt werden, die erstellt werden.

Die folgende Syntax bezieht sich auf die String -Interpolation.

'Die Zeichenfolge wird interpoliert $ Ausdruck'

Der $ Ausdruck zeigt an, dass der Wert des Ausdrucks/der Variablen in diese Zeichenfolge eingebettet wäre.

Lassen Sie uns einige Beispiele üben, um das Konzept der String -Interpolation besser zu verstehen.

Beispiel 1

Der folgende Code verwendet die String -Interpolation, um mehrere Variablen in eine Zeichenfolge einzubetten.

var age = 30; var name = "David";
var post = "Autor"
var str = 'der Name von $ post ist $ name und $ älter Jahre alt' '
Konsole.log (str);

Im obigen Code werden zwei Zeichenfolgen und eine ganzzahlige Variable erstellt. Diese Variablen werden in der benannten Zeichenfolge verwendet "Str" unter Verwendung des Interpolationskonzepts. Schließlich wird die interpolierte Zeichenfolge auf der Konsole gedruckt.

Ausgang

Die Ausgabe zeigt, dass die Werte von Variablen "Alter", "Name" und "Post" werden erfolgreich in die Saite eingebettet "Str" unter Verwendung der String -Interpolation.

Beispiel 2

Dieses Beispiel prüft, ob eine String -Interpolation auf Strings mit einzelnen/doppelten Zitaten funktioniert.

var name = "David"; var post = "Autor"
Konsole.log ("Der Name von $ post ist $ name");
Konsole.log ('der Name von $ post ist $ name');

Der obige Code versucht, das Interpolationskonzept für die Zeichenfolgen eines einzelnen/doppelten Zitats zu verwenden.

Ausgang

Die Ausgabe zeigt, dass die Zeichenfolge, die das Interpolationsphänomen ausübt. Der Wert der Variablen wird nicht abgerufen, da die Einzel-/Doppelzitate sie so drucken, wie sie verwendet wurden.

Abschluss

Die String -Interpolation ermöglicht das Hinzufügen der Werte von Variablen/Ausdrücken in einer Zeichenfolge. Die Interpolation ist im Vergleich zum Verkettungskonzept sehr hilfreich und leicht auszuführen. Dieser Beitrag enthält eine detaillierte Anleitung zur String -Interpolation in JavaScript. Für eine kurze Anleitung haben wir eine Reihe von Beispielen gezeigt, die veranschaulichen, wie Ausdrücke in Saiten eingebettet werden können. Zuletzt wird der Schluss gezogen, dass die Template -Literale die Ausdrücke in sie einbetten können, während die einzelnen/doppelten Zitate eine Verkettung ausüben müssen, um dieselbe Aufgabe auszuführen.