Wie man String-Interpolation in JavaScript durchführt

JavaScript verfügt über eine großartige Funktion namens String-Interpolation, mit der Sie eine Variable, einen Funktionsaufruf und einen arithmetischen Ausdruck direkt in einen String einfügen können.

In diesem Artikel stellen wir Ihnen vor, wie man String-Interpolation durchführt. Im Folgenden finden Sie Code-Beispiele, die Sie auf Ihrem Rechner ausführen können.

Verwendung von eine neue Funktion von ES6 zur Durchführung von String-Interpolation in JavaScript

Vor der Veröffentlichung von ES6 war die String-Interpolation in JavaScript nicht verfügbar. Das Fehlen dieser Funktion führte zu String-Verkettungscode, wie unten dargestellt.

Beispiel:

const generalInformation = (firstName, lastName, Country) => {
  return 'First Name ' + firstName + ' Last Name: ' + lastName + '. ' +
      Country + ' is my country.';
} console.log(generalInformation('Mark', 'John', 'US'));

Ausgabe:

First Name Mark Last Name: John. US is my country.

Die String-Interpolation ist eine Funktion, die es Ihnen ermöglicht, Variablen, Funktionsaufrufe und arithmetische Ausdrücke direkt in eine Zeichenkette einzufügen, ohne Verkettung oder Escape-Zeichen für mehrzeilige Zeichenketten zu verwenden.

Wir verwenden Backticks für Schablonenliterale bei der String-Interpolation und verwenden das Format - ${ourValue}, um dynamische Werte wie Variablen, Funktionsaufrufe und arithmetische Ausdrücke einzufügen.

Beispiel:

const generalInformation = (firstName, lastName, Country) => {
  return `First Name: ${firstName} Last Name: ${lastName}. Country: ${Country}`;
} console.log(generalInformation('Mark', 'John', 'US'));

Ausgabe:

First Name: Mark Last Name: John. Country: US

Wir wissen jetzt, wie fantastisch die String-Interpolation ist

Beispiel:

Fügen wir einen Funktionsaufruf und einen arithmetischen Ausdruck ein.

const generalInformation = (firstName, lastName, Country) => {
  return `First Name: ${firstName} Last Name: ${lastName}. Country: ${Country}`;
} console.log(generalInformation('Mark', 'John', 'US'));

console.log(`${generalInformation("Mark", "John", "US")} He is a Worker in our company.`);  

console.log(`sum of 10 and 6 is ${10+6}.`); 

Ausgabe:

First Name: Mark Last Name: John. Country: US
First Name: Mark Last Name: John. Country: US He is a Worker in our company.
sum of 10 and 6 is 16.

Beispiel:

Wir können bedingte Anweisungen in der String-Interpolation verwenden.

const isEvenOrOdd = (num) => {
  console.log(`Number is ${num % 2 === 0 ? 'even' : 'odd'}`);
} isEvenOrOdd(5);
isEvenOrOdd(8);

Ausgabe:

Number is odd
Number is even