Heim > Web-Frontend > js-Tutorial > Wie erstelle ich eine mehrzeilige Zeichenfolge in JavaScript?

Wie erstelle ich eine mehrzeilige Zeichenfolge in JavaScript?

WBOY
Freigeben: 2023-09-25 20:37:02
nach vorne
1104 Leute haben es durchsucht

如何在 JavaScript 中创建多行字符串?

In JavaScript ist eine Zeichenfolge eine Zeichenfolge, die Buchstaben, Zahlen und Sonderzeichen enthält. Es gibt drei Möglichkeiten, Strings in JavaScript zu erstellen.

Die erste Möglichkeit, eine Zeichenfolge zu erstellen, besteht darin, unten einfache Anführungszeichen zu verwenden.

let string = 'Hello, this is a string using single quote!'; 
Nach dem Login kopieren

Die zweite Möglichkeit, eine Zeichenfolge zu erstellen, besteht darin, doppelte Anführungszeichen zu verwenden, wie unten gezeigt.

let string = "Hello, this is a string using double quote!"; 
Nach dem Login kopieren

Die dritte in der ES6-Version von JavaScript eingeführte Methode ist die Verwendung von Backticks.

let string = `Hello, this is a string using back quotes!`; 
Nach dem Login kopieren

Es gibt also eine andere Möglichkeit, eine mehrzeilige Zeichenfolge zu erstellen, wenn wir Backticks, einfache Anführungszeichen und doppelte Anführungszeichen verwenden. Wir werden alle Methoden einzeln erlernen.

Erstellen Sie mehrzeilige Zeichenfolgen mit Backticks

Wenn wir eine Zeichenfolge mit Backtick (`) erstellen, müssen wir die Zeichenfolge in eine neue Zeile schreiben und so eine mehrzeilige Zeichenfolge erstellen.

Grammatik

Benutzer können mehrzeilige Zeichenfolgen mithilfe von Backticks erstellen, indem sie der folgenden Syntax folgen.

let string = `one line
second line
Third line`; 
Nach dem Login kopieren

In der obigen Syntax haben wir die Zeichenfolge zwischen den Backticks hinzugefügt.

Beispiel 1

Im folgenden Beispiel enthält die Zeichenfolgenvariable eine mehrzeilige Zeichenfolge und wir verwenden Backticks, um die mehrzeilige Zeichenfolge zu erstellen.

In der Ausgabe kann der Benutzer die mehreren Zeilen sehen, die wir in die Backticks geschrieben haben.

let string = `This is first line! 
This is the second line!
This is the third line!
This is the fourth line!`
console.log(string);
Nach dem Login kopieren

Erstellen Sie mehrzeilige Zeichenfolgen mit einfachen und doppelten Anführungszeichen

Wenn wir eine Zeichenfolge mit einfachen oder doppelten Anführungszeichen erstellen, müssen wir „

“-Zeichen verwenden, um mehrzeilige Zeichenfolgen zu erstellen. Im Zeichen „

“ steht „ für das Escape-Zeichen und „n“ für das Zeilenumbruchzeichen.

Grammatik

Benutzer können mehrzeilige Zeichenfolgen mit den Escape-Zeichen „

“ erstellen, indem sie der folgenden Syntax folgen.

let string = 'Abcd ' + 'efg '; 
Nach dem Login kopieren

In der obigen Syntax können Benutzer sehen, wie wir „

“-Zeichen und einfache Anführungszeichen verwenden können, um mehrzeilige Zeichenfolgen zu erstellen.

Beispiel 2

Im folgenden Beispiel verwenden wir den Operator „+“, um mehrere Zeichenfolgen zu verketten. Darüber hinaus verwenden wir einfache Anführungszeichen, um Zeichenfolgen zu erstellen.

In der Ausgabe sehen wir die erste, zweite, dritte und vierte in verschiedenen Zeilen.

let string = 'One ' +
 'Second ' +
 'Third ' +
 'Fourth ';
console.log(string); 
Nach dem Login kopieren

Beispiel 3

Im folgenden Beispiel verwenden wir doppelte Anführungszeichen, um die Zeichenfolge zu erstellen. Zusätzlich verwenden wir das Escape-Zeichen „

“, um eine Zeichenfolge über mehrere Zeilen zu erstellen.

let string = "One " +
"Second " +
"Third " +
"Fourth ";
console.log(string);  
Nach dem Login kopieren

In diesem Tutorial haben wir zwei Möglichkeiten kennengelernt, mehrzeilige Zeichenfolgen zu erstellen. Die erste Methode verwendet Backticks und die andere Methode „

“-Escape-Zeichen mit einfachen und doppelten Anführungszeichen. Es wird empfohlen, Backticks zu verwenden, da wir bei deren Verwendung auch Variablen zwischen Zeichenfolgen hinzufügen können.

Das obige ist der detaillierte Inhalt vonWie erstelle ich eine mehrzeilige Zeichenfolge in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage