String Objekt

Funktionen zum Umgang mit Text

Javascript soll es ermöglichen, interaktive Formulare auszulesen, sie zu prüfen und ggf. im Dialog mit dem Nutzer zu vervollständigen. Dazu müssen Texte manipuliert werden können. JavaScript besitzt ein spezielles Objekt, String genannt, dessen Instanzen ab der Version 1.2 alle möglichen Textmanipulationen beherrschen. Um also Textbefehle verwenden zu können, muß mindestens eine Instanz des String-Objektes erzeugt werden. Man könnte auch sagen, es müsse eine Stringvariable angelegt werden, das ist nicht ganz falsch aber auch nicht ganz richtig. Trotzdem geht es, wie bei anderen Objekten auch, ganz einfach:

Ein String und seine Eigenschaft

Die zu erzeugende Instanz des String-Objektes, kurz ein String, muß einen Namen erhalten, der frei wählbar ist.

<script language="JavaScript">
...
//Möglichkeit 1: 
adresse = new String()
adresse = "Number 10, Downing Street, The City of Great London"

//Möglichkeit 2: 
name = new String ("Peter")

//Möglichkeit 3: 
beruf = "Henker"
...
</script>

Dieser String hat genau eine Eigenschaft, die nämlich, eine gewisse Länge zu besitzen. Erfragt wird sie mit

laenge = adresse.length

Wie man nun mühelos feststellen kann, wurden die Leerstellen mitgezählt, was eine gewisse Logik hat. Wie kommt es dazu, daß dieser Button funktioniert?

Nun, ich verrate es gerne:

Methoden von String

Die Überschrift sagt präziser, als der Eintrag im Übersichtsfenster, worum es geht. Das Objekt String besitzt viele Methoden, die alle in der Form:

stringname.methode oder <tt>"stringinhalt".methode</tt>

aufgerufen werden und dann höchst erwünschte Dinge mit dem String anstellen. Zur Übersicht eine Tabelle der Methoden, die zur Formatierung einsetzbar sind. In beiden Tabellen ist immer ein String des Namens „XX“ mit dem Inhalt „mein Testtext“ verwendet worden.

Anmerkung: Obwohl Netscape diese Befehle alle können soll, funktionieren in meiner obigen Tabelle nicht alle. Speziell die Befehle zur Größenänderung werden in meinem Netscape 4.6-Browser ignoriert. Der Grund könnte sein, daß hier die Style-Angaben der CSS vorrangig befolgt werden.

Escape-Zeichen zur Formatierung

Bevor längere Texte an ihre Ziele geschickt werden, müssen sie in irgendeiner Weise mit Steuerzeichen für Formatierung, Umbruch, unzulässige Zeichen etc. versehen werden. Welche Möglichkeiten es gibt, zeigt die folgende Tabelle. Es gibt, aus C entlehnt, sog. Escape-Codes dazu. Ihre Namen sind weitgehend selbsterklärend. Sie werden einfach in den Text eingefügt.

Reguläre Ausdrücke

Einige der Stringfunktionen erlauben es, Texte nach ausgewählten Worten, allgemeiner nach beliebigen Zeichenfolgen, zu durchsuchen. Einfache Suchmuster etwa für match() bestehen einfach aus dem gesuchten Text. Wird der Text gefunden, wird er selbst zurückgemeldet, gibt es ihn im untersuchten Text nicht, wird „null“ zurückgemeldet.

Also:

<script language=JavaScript>
   text="Ich mag keine Feiern ohne Eiersalat";
   document.write("Sch"+text.match("xy")+text.match("i"));
</script>

ergibt:
Man kann ohne diese Errungenschaft leben.

Aber, es geht sinnvoller.

Reguläre Ausdrücke, die nicht eigens für JavaScript erfunden wurden, sondern aus der UNIX-Welt kommen und etwa in PERL sehr häufig genutzt werden, ermöglichen es, nach Zeichenfolgen zu suchen, die allgemein gekennzeichnet worden sind und, wenn vorhanden, konkret zurückgemeldet werden. Wird gleich klarer. Wer ein Datum etwa der Form 12.12.99 sucht, kann den regulären Ausdruck dd.dd.dd nutzen. Dabei steht d für ein beliebiges Zahlzeichen. Reguläre Ausdrücke werden, anders als normale Textabschnitte, nicht durch Anführungsstriche, sondern durch Slashes / abgegrenzt. Gefunden und gemeldet werden beliebige Daten, die diesem Muster entsprechen.

Beispiel:

<script language=JavaScript>
    text="Das Semester endet am 12.07.01. Jedenfalls könnte es so sein.";
    document.write(text.match(/dd.dd.dd/));
 </script>

ergibt also:

.

Reguläre Ausdrücke werden wie im Beispiel direkt angegeben oder durch einen „Konstruktor“ RegExp erzeugt. Er wird ernsthaft höchstens dann benötigt, wenn das Suchmuster erst zur Laufzeit erzeugt wird.

RegAus=new RegExp("Dieser Text");

Was kann ausgedrückt werden?

Reguläre Ausdrücke können durch Steuerzeichen noch beeinflußt werden. Man nennt sie Flags. Diese werden einfach an den regulären Ausdruck angehängt. Im folgenden Beispiel ist das i als Flag wirksam. Es führt dazu, daß Groß- und Kleinschreibung ignoriert wird. Gefunden werden also auch Textanfänge mit „mein TEXT beginnt“ etc.

RegAus=/aMein Text beginnti/

Die folgende Liste zeigt die zugelassenen Flags. Bitte verklage mich aber keiner, wenn sein selbstgebauter Browser sie nicht kennt. Ich habe sie nicht ausprobiert!

Abschließende Übung:

Wie testet man eine Texteingabe daraufhin, ob es eine E-Mail-Adresse ist? Der reguläre Ausdruck, der jede wirkliche E-Mail-Adresse findet, aber ungültige, deren Syntax stimmt, natürlich nicht ausscheiden kann:

if (eingabetext.match(/w.*@w.*.w.*/)!=null) ... dann kann es eine E-Adresse sein!

Nutzung der Stringmethoden

Alle Methoden sind in den Beispielspalten beider Tabellen auf einen global definierten String XX = „mein Testtext“ angewandt. Ein solcher Aufruf erfordert natürlich eine spezielle Syntax. Die JavaScript-Methoden sollen ja innerhalb eines HTML-Scripts ausgeführt werden und sie sollen ihr Ergebnis in die Tabelle schreiben. Erreicht wird dies durch den folgenden Code, als Beispiel diene die letzte Zeile der Formatierungstabelle.

<table ...>
...
<tr>
<td>toUpperCase ( )</td>
<td>Gro&szlig;buchstaben</td>
<td><script >document.write(XX.toUpperCase());</script></td>
</tr>
</table>

Man erkennt, die Adressierung der Ausgabe, die ins Dokument hinein erfolgt, wird durch den Ort des Aufrufes erreicht. Beim <script>-Aufruf kann hier, bei wiederholtem Aufruf die Angabe der Scriptsprache entfallen, es sei denn, es werden mehrere Scriptsprachen auf einer Seite genutzt. Der Methodenaufruf erzeugt hier einen neuen String, der in das Dokument geschrieben wird.

Alternativ könnte natürlich auch mit der Syntax: stringname2 = stringname1.methode bzw. stringname = stringname.methode eine Zuweisung an eine neue oder die alte Stringvariable erfolgen. Der veränderte String stünde dann für weitere Manipulationen zur Verfügung.