Eine Zeichenkette, auch String genannt, ist eine Abfolge von Buchstaben, Zahlen und anderen Zeichen in JavaScript. Sie bildet die Grundlage für Texte und deren Verarbeitung im Programmierablauf.

Grundlegende Darstellung

In JavaScript können Strings auf verschiedene Arten dargestellt werden:

Mit einfachen Anführungszeichen

'Hallo Welt'

Mit doppelten Anführungszeichen

"Hallo Welt"

Zwischen diesen beiden Darstellungsformen besteht kein funktionaler Unterschied. Beide erzeugen exakt den gleichen String. In den folgenden Beispielen verwenden wir vorwiegend einfache Anführungszeichen, da diese in der JavaScript-Gemeinschaft häufig bevorzugt werden.

Anführungszeichen innerhalb von Strings

Eine Herausforderung entsteht, wenn Anführungszeichen innerhalb eines Strings verwendet werden sollen.

Das Problem

// Dies führt zu einem Syntaxfehler
console.log('Das ist ein 'String' mit einfachen Anführungszeichen');

Der JavaScript-Interpreter versteht hier nicht, dass die inneren Anführungszeichen zum Textinhalt gehören sollen. Er interpretiert das zweite Anführungszeichen als Ende des Strings.

Die Lösung: Unterschiedliche Anführungszeichen

Eine Möglichkeit ist die Verwendung unterschiedlicher Anführungszeichen:

console.log("Das ist ein 'String' mit einfachen Anführungszeichen");
console.log('Das ist ein "String" mit doppelten Anführungszeichen');

Die Lösung: Escape-Zeichen

Eine weitere Möglichkeit ist die Verwendung von Escape-Zeichen:

console.log('Das ist ein \'String\' mit einfachen Anführungszeichen');
console.log("Das ist ein \"String\" mit doppelten Anführungszeichen");

Template Strings (Vorlagenzeichenketten)

Eine modernere Art der String-Darstellung sind Template Strings, die mit Backticks (`) umschlossen werden:

`Dies ist ein Template String`

Der große Vorteil: Hier können sowohl einfache als auch doppelte Anführungszeichen problemlos verwendet werden:

console.log(`Hier sind 'einfache' und "doppelte" Anführungszeichen möglich`);

Mehrzeilige Strings

Mit normalen Strings war die Darstellung mehrzeiliger Texte umständlich. Template Strings lösen dieses Problem elegant:

Früher (umständlich)

console.log('Erste Zeile\nZweite Zeile\nDritte Zeile');

„\n“ ist hier ein Steuerzeichen, das eine neue Zeile erzwingt. Wir werden uns verschiedene Steuerzeichen in den nächsten Kapiteln ansehen. 

Mit Template Strings (einfach)

console.log(`Erste Zeile
Zweite Zeile
Dritte Zeile`)

Praktische Beispiele

Verschiedene Anführungszeichen in einem Text

console.log('Der Lehrer sagte: "Bitte öffnet das Buch auf Seite 42."')

Gemischte Anführungszeichen mit Template Strings

console.log(`In der Programmierung unterscheiden wir zwischen 'einfachen' und "doppelten" Anführungszeichen.`)

Längere Texte mit Zitaten

console.log(`Martin Luther King sagte:
"Ich habe einen Traum, dass meine vier kleinen Kinder eines Tages in einer Nation leben werden, in der sie nicht nach ihrer Hautfarbe, sondern nach ihrem Charakter beurteilt werden."`)

Zusammenfassung

Strings in JavaScript kannst du mit einfachen oder doppelten Anführungszeichen schreiben. Zwischen diesen beiden Varianten gibt es keinen Unterschied in der Funktionalität. Für die Konsistenz im Code ist es ratsam, sich für eine Variante zu entscheiden – viele Entwickler bevorzugen einfache Anführungszeichen.

Wenn ein String selbst Anführungszeichen enthalten soll, hast du drei Möglichkeiten:

1. Verschiedene Arten von Anführungszeichen verwenden
2. Escape-Zeichen (Backslash) nutzen
3. Template Strings mit Backticks verwenden

Template Strings bieten zusätzlich den Vorteil, dass du mehrzeilige Texte einfach schreiben kannst. In den nächsten Kapiteln wirst du außerdem noch den zusätzlichen Vorteil der Interpolation kennenlernen.

Du kannst auch bereits unsere Übersicht zum direkten Vergleich ansehen, wann was am besten ist.