Mehrzeilige Strings
Schreiben Sie gut lesbaren mehrzeiligen Text ohne Escape-Sequenzen.
Mehrzeilige Strings ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 4 Lektionen.
Die herkömmliche Vorgehensweise
Vor Template-Literalen erforderte eine mehrzeilige Zeichenkette explizite Escape-Sequenzen für Zeilenumbrüche oder eine Verkettung von Zeichenketten über mehrere Zeilen hinweg. Das war ausführlich und fehleranfällig.
const old = "Line 1\nLine 2\nLine 3"
console.log(old)Template-Literale erstrecken sich über mehrere Zeilen
Ein mit Backticks geschriebenes Template-Literal kann echte Zeilenumbrüche im Quellcode enthalten. Jeder eingegebene Zeilenumbruch wird zu einem Zeilenumbruch in der Zeichenkette.
Das ausführbare Beispiel erzeugt dieselbe Ausgabe mithilfe von Escape-Sequenzen.
const text = "First\nSecond\nThird"
console.log(text)Leerraum bleibt erhalten
Einrückungen und Leerzeichen innerhalb eines mehrzeiligen Templates bleiben genau so erhalten, wie sie geschrieben wurden. Das ist wichtig, wenn Sie formatierten Text erzeugen.
const block = " indented\n more indented"
console.log(block)Absätze erstellen
Mehrzeilige Zeichenketten sind praktisch für Textabsätze, E-Mail-Inhalte oder Templates. Hier setzen wir eine kurze Nachricht zusammen.
const msg = "Dear user,\n\nThank you for joining.\n\nBest regards"
console.log(msg)Zeilen zählen
Sie können eine mehrzeilige Zeichenkette am Zeilenumbruchzeichen aufteilen, um einzelne Zeilen zu zählen oder zu verarbeiten.
const text = "a\nb\nc\nd"
const lines = text.split("\n")
console.log("Lines: " + lines.length)Zu einer mehrzeiligen Zeichenkette verbinden
Ein Array aus Zeilen lässt sich mit einem Zeilenumbruch als Trennzeichen verbinden, um programmgesteuert eine mehrzeilige Zeichenkette zu erstellen.
const parts = ["one", "two", "three"]
console.log(parts.join("\n"))Mit Interpolation kombinieren
Mehrzeilige Templates können ebenfalls Platzhalter enthalten und dynamische Werte mit Zeilenumbrüchen mischen. Das Beispiel verwendet eine Verkettung, um das Ergebnis zu zeigen.
const name = "Sam"
const body = "Hello " + name + ",\nWelcome aboard."
console.log(body)Tabulatoren und Sonderzeichen
Sie können auch innerhalb mehrzeiliger Zeichenketten Tabulatorzeichen mit der Escape-Sequenz für Tabulatoren einfügen, um Spalten auszurichten.
const table = "Name\tAge\nAlice\t30\nBob\t25"
console.log(table)Überflüssige Zeilen entfernen
Mehrzeilige Zeichenketten enthalten manchmal führende oder nachgestellte Leerzeilen. Die trim-Methode entfernt umgebenden Leerraum einschließlich Zeilenumbrüchen.
const raw = "\n\nHello\n\n"
console.log("[" + raw.trim() + "]")Quellcode als Text erzeugen
Mehrzeilige Zeichenketten eignen sich dazu, Ausschnitte von Quellcode oder Konfiguration als Textausgabe auszugeben.
const code = "function add(a, b) {\n return a + b\n}"
console.log(code)Zeilenlänge beachten
Denken Sie daran, dass ein mehrzeiliges Template jeden eingegebenen Zeilenumbruch enthält. Versehentliche Zeilenumbrüche können unerwarteten Leerraum einführen. Formatieren Sie daher bewusst.
const a = "no break here and here"
console.log(a.length)Kurze Überprüfung
Testen Sie Ihr Verständnis mehrzeiliger Zeichenketten.
Zusammenfassung
Zusammenfassung: Template-Literale ermöglichen echten mehrzeiligen Text.
- Zeilenumbrüche im Quellcode werden zu Zeilenumbrüchen in der Zeichenkette
- Leerraum bleibt exakt erhalten
- Für dynamische Blöcke mit Interpolation kombinieren
- Zum Verarbeiten von Zeilen split und join verwenden
console.log("Line A\nLine B")Häufig gestellte Fragen
Ist die Lektion „Mehrzeilige Strings“ kostenlos?
Ja — der vollständige Text von „Mehrzeilige Strings“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Mehrzeilige Strings“?
Schreiben Sie gut lesbaren mehrzeiligen Text ohne Escape-Sequenzen. Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um JavaScript Academy zu starten?
Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.
Wie lange dauert die Lektion „Mehrzeilige Strings“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?
Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Grundlagen der String-Interpolation
- Mehrzeilige Strings
- Tagged-Template-Funktionen
- Praktische Anwendungsfälle für Tagged Templates