Zeichenketten

Definition von Zeichenketten

Eine Zeichenkette besteht aus einer Folge von Zeichen, die in Anführungsstriche gesetzt ist. Dabei können einfache und doppelte Anführungsstriche verwendet werden. Eine einfache Möglichkeit Anführungsstriche innerhalb von Zeichenketten zu verwenden ist, den jeweils anderen Typ von Anführungsstrichen zu verwenden:

HTML-Datei:

Ergebnis:

Beispiel 1

var str11 = "Hallo, Welt!"; =>

var str12 = 'Hallo, Welt!'; =>

var str13 = "Hallo, 'Welt'!"; =>

var str14 = 'Hallo, "Welt"!'; =>

Sonderzeichen (Escape-Zeichen)

Mit Hilfe des „Backslash“-Zeichens („\“) können innerhalb von Zeichenketten beliebige Anführungsstriche verwendet werden:

HTML-Datei:

Ergebnis:

Beispiel 2

var str21 = "Hallo, \"Welt\"!"; =>

var str22 = 'Hallo, wie geht\'s?'; =>

var str23 = "Mit \"\\\" können Escape-Zeichen definiert werden!";
=>

Das „Backslash“-Zeichen kann auch dazu verwendet werden, um lange Zeichenketten umzubrechen. Diese Möglichkeit wird aber nicht von allen Browsern unterstützt. Daher ist der sicherste Weg, Zeichenketten über mehrere Zeilen zu verwenden, diese aufzuteilen und mit dem Pluszeichen aneinanderzufügen:

HTML-Datei:

Ergebnis:

Beispiel 3

var str31 = "Hallo, mein Name ist Max Muster und ich komme aus der schönen Stadt Musterhausen.";
=>

var str32 = "Hallo, mein Name ist Max Muster und ich komme aus der schönen \ Stadt Musterhausen.";
=>

var str33 = "Hallo, mein Name ist Max Muster und ich komme aus der schönen " + "Stadt Musterhausen.";
=>

Länge von Zeichenketten

Alle Zeichenketten-Variablen haben die vordefinierte Eigenschaft „.length“, mit der die Länge von Zeichenketten ausgegeben werden kann:

HTML-Datei:

Ergebnis:

Beispiel 4

var str41 = "Hallo, mein Name ist Max Muster.";
=>
=> str41.length =

var str42 = "12345678910 12345678910";
=>
=> str42.length =

Abschlussübung

Als Abschlussübung kannst du folgende Webseite erstellen, bei der eine Zeichenkette ausgegeben wird, die einfache und doppelte Anführungsstriche enthält und eine Zeichenkette, welche die Länge der vorherigen Zeichenkette beinhaltet:

Beispiel 5

Gehe dabei wie folgt vor:

  • Ermittele die Länge der ersten Zeichenkette mit „.length“

  • Füge die Länge mit dem Pluszeichen in die zweite Zeichenkette ein

Die Lösung kannst du dir hier herunterladen:

Download
Zeichenketten5.html
HTML Dokument 542 Bytes

Quellen