String -Interpolation ist ein Prozess zur Verwendung von Funktionsaufrufen, Variablen und arithmetischen Ausdrücken in einer Zeichenfolge direkt. Vor der String -Interpolation werden Merkmale von JavaScript -Variablen, Expressions- und Funktionsaufrufen mit Escape -Sequenz, Objektliteralen und Verkettungsprozess in eine Zeichenfolge eingebettet, die den Code chaotisch und weniger verständlich macht.
In diesem Artikel werden wir die String -Interpolation in JavaScript mit den folgenden Lernergebnissen diskutieren:
So verwenden Sie String -Interpolation in JavaScript
In JavaScript wird die String -Interpolation unter Verwendung von Template Literal durchgeführt. Diese Template -Literale verwenden Backticks (“) um eine Schnur drinnen zu wickeln und die $ Unterschreiben Sie mit einem Paar lockiger Klammern wird verwendet, um den Ausdruck in eine Template -Literal zur String -Interpolation einzubetten.
Syntax:
'Dies ist der String -Interpolationsprozess $ Ausdruck'So verwenden Sie Arithmetikoperatoren in der String -Interpolation
Bei der String -Interpolation können wir arithmetische Operatoren mit einbetten $ und lockige Zahnspangen, wie unten gezeigt
Code:
var a = 2;Hier nehmen wir zwei Variablen A Und B und initialisieren Sie sie, dann nehmen wir eine andere Variable Erste in dem wir Backstricks verwenden, um Zeichenfolge und Ausdruck einzubetten.
Ausgang:
Im obigen Beispiel wird der Ausdruck innerhalb des vorliegenden Literales berechnet, der zurückgibt 5 als Ergebnis.
Unterschied zwischen String -Verkettung und String -Interpolation
String -Interpolation und String -Verkettung, beide werden verwendet, um die Zeichenfolgen, Funktionsaufrufe und arithmetische Ausdrücke in eine Zeichenfolge zu verbinden. Die folgenden Beispiele zeigen den Unterschied zwischen beiden String -Joining -Techniken.
String-Verkettung:
Die folgenden Beispiele zeigen, wie wir Strings und Variablen vor der String -Interpolation einbetten.
Code:
const name = 'John';Hier nehmen wir eine Variable Name, Alter Und Information. Anschließend initialisieren wir den Namen mit einem Stringwert, Alter mit einem Ganzzahlwert, und in der Informationsvariablen führen wir eine String -Verkettung durch.
Ausgang:
Es ist deutlich zu sehen, dass wir (+) Zeichen verwenden, um Strings und Variablen zu verbinden.
String -Interpolation:
Nehmen wir das obige Beispiel und führen Sie die String -Interpolation durch, um den Unterschied klar zu verstehen.
Code:
const name = 'John';Hier benutzen wir die $ unterschreiben mit dem Paar Lockige Zahnspangen, um die Variablen in eine Zeichenfolge einzubetten.
Ausgang:
Mit Hilfe von Template Literal führen wir eine String -Interpolation durch, wodurch der Code sauber, leicht lesbar und verständlich macht.
Jetzt haben Sie den klaren Unterschied zwischen der String -Verkettung und der String -Interpolation verstanden. Schauen wir uns Code -Beispiele für die String -Interpolation in verschiedenen Szenarien an.
So verwenden Sie String -Interpolation mit bedingten Aussagen
Das folgende Beispiel zeigt die Verwendung der String -Interpolation mit bedingten Anweisungen.
Code:
const x = 3;Hier haben wir einen ternären Operator hinzugefügt, um zu überprüfen, ob eine Zahl mit Hilfe der String -Interpolation gerade oder ungerade ist.
Ausgang:
Der Code funktionierte wie wir erwartet hatten.
So verwenden Sie die logischen Operatoren mit String -Interpolation
Wir können auch logische Operatoren wie verwenden &&, ||, ? mit String -Interpolation. Im folgenden Beispiel verwenden wir && Operator mit String -Interpolation.
Code:
const alter = 20;Hier prüfen wir, ob die Person ein Erwachsener oder ein Teenager mit Hilfe des && Operators in String Interpolation ist.
Ausgang:
Mit Hilfe des && Operators und des ternären Operators in der String -Interpolation haben wir unser gewünschtes Ergebnis erhalten.
Abschluss
Die String -Interpolation ist eine sehr nützliche und wichtige Funktion von ES6, mit der seine Benutzer Ausdrücke, Variablen, Zeichenfolgen und Funktionsaufrufe direkt in eine Zeichenfolge einbetten können, ohne dass Fluchtsequenzen, String -Primitive und Verkettung verwendet werden.