So fügen Sie Ausdrücke in eine Zeichenfolge hinzu?

So fügen Sie Ausdrücke in eine Zeichenfolge hinzu?

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 Java
  • Unterschied zwischen String -Interpolation und Verkettung
  • So verwenden Sie String -Interpolation mit bedingten Aussagen?
  • So verwenden Sie String -Interpolation mit logischen Operatoren?

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;
var b = 3;
const first = 'String Interpolation Beispiel in JavaScript $ a+b'
Konsole.log (zuerst);

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';
const alter = 26;
Information = "Mein Name ist" + Name + "und ich bin" + Alter + "Jahre alt";
Konsole.Protokoll (Informationen);

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';
const alter = 26;
Information = 'Mein Name ist $ Name und ich bin $ Alter Jahre alt.';
Konsole.Protokoll (Informationen);

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;
Konsole.log ('$ x ist $ x%2 === 0 ? 'gerade ungerade'');

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;
Konsole.log ('du bist $ alter> 10 && älter<18 ? 'a teenager':'an adult'');

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.