Schreiben einer mehrzeiligen Zeichenkette in JavaScript

1. Konkatenieren mehrerer Zeilen in JavaScript
2. Verwenden Sie das Backslash-Zeichen \, um den wörtlichen Zeilenumbrüchen zu entkommen
3. Verwenden Sie Vorlagenliterale, um eine Mutliline-Zeichenkette in JavaScript zu erstellen

In diesem Tutorial erfahren Sie, wie Sie eine mehrzeilige Zeichenkette in JavaScript schreiben. In der Zeit vor ES6 gab es keine direkte Unterstützung für mehrzeilige Zeichenketten in JavaScript. Es gibt verschiedene Möglichkeiten, dies zu erreichen, vor ES6-Methoden, die nicht so gut waren, und die ES6-Methode, die syntaktische Zuckermethode. Wir werden alle diese Methoden einzeln behandeln.

Konkatenieren mehrerer Zeilen in JavaScript

Wir können die Zeichenkette in mehrere TeilZeichenketten aufteilen und sie dann mit dem Zeichen + verketten, um die vollständige einzelne Zeichenkette zu erhalten. Auf diese Weise können wir Zeichenketten in mehrere Zeilen unterteilen und gleichzeitig zu einer Zeichenkette zusammenfügen.

const str = 'This is DelftStack' +
    ' We make cool How to Tutorials' +
    ' &' +
    ' Make the life of other developers easier.';

Ausgabe:

"This is DelftStack We make cool How to Tutorials & Make the life of other developers easier."

Es war die einfachste und vielversprechendste Möglichkeit, mehrzeilige Zeichenketten zu schreiben, bevor Vorlagenliterale eingeführt wurden. Diese Methode kann die gebildete Zeichenkette jedoch nicht als mehrzeilige Zeichenketten ausgeben. Dies muss erreicht werden, indem am Ende jeder Zeile ein \n angehängt wird.

Verwenden Sie das Backslash-Zeichen \, um den wörtlichen Zeilenumbrüchen zu entkommen

Wir können am Ende jeder Zeile einen Backslash hinzufügen, um eine mehrzeilige Zeichenkette in doppelten / einfachen Anführungszeichen zu erstellen, da dieses Zeichen uns hilft, dem Zeilenumbruchzeichen zu entkommen.

const str = 'This is DelftStack \
We make cool How to Tutorials \
& \
Make the life of other developers easier.';

Ausgabe:

"This is DelftStack We make cool How to Tutorials & Make the life of other developers easier."

Also haben wir die Zeichenkette geschrieben, die über mehrere Zeilen verteilt ist, aber die einheitliche Zeichenkette zusammengefügt, wodurch wir sowohl unsere Ziele als auch die korrekte Anzeigeausgabe und die Lesbarkeit des Codes erreichen können. Es ist jedoch nicht immer erwünscht, dass wir Zeichenketten möchten, die auch bei Anzeige über mehrere Zeilen verteilt sind. Dies wird durch die Verwendung von Vorlagenliteralen in ES6 erreicht.

Verwenden Sie Vorlagenliterale, um eine Mutliline-Zeichenkette in JavaScript zu erstellen

Template Literal ist die neue Methode von ES6, mit der wir mithilfe von Backticks mehrzeilige Zeichenketten schreiben können (dieses Zeichen ` wird als Backtick bezeichnet). Dies ist bei weitem die beste Lösung, da wir damit nicht nur mehrzeilige Zeichenketten schreiben, sondern sie auch genau so drucken können, wie dies mit keiner der früheren Methoden möglich war.

var str = `This is DelftStack 
We make cool How to Tutorials 
& 
Make the life of other developers easier.
`

Ausgabe:

This is DelftStack 
We make cool How to Tutorials 
& 
Make the life of other developers easier.