SELFHTML/Navigationshilfen JavaScript/DOM Objekt-Referenz| SELFHTML/Navigationshilfen JavaScript/DOM Objekt-Referenz |
 |
RegExp |
|
Eigenschaften:
Methoden: exec() (Regulären Ausdruck anwenden) test() (Regulären Ausdruck probehalber anwenden)
|
| | |
Reguläre Ausdrücke dienen dazu, Suchausdrücke zu formulieren, um in Zeichenketten danach zu suchen und um gefundene Stellen durch andere zu ersetzen.
Reguläre Ausdrücke können Sie in JavaScript direkt innerhalb entsprechender Methoden des 
string-Objekts anwenden, nämlich in den Methoden:
match()
replace()
search().
Dort wird beschrieben, wie und wo Sie den regulären Ausdruck genau verwenden können, um Zeichenketten zu durchsuchen und Teile darin zu ersetzen.
Das RegExp-Objekt von JavaScript brauchen Sie dagegen nur, wenn Sie reguläre Ausdrücke zur Laufzeit des Scripts dynamisch erzeugen und ändern wollen. Dazu können Sie eine Instanz eines RegExp-Objekts definieren. Auf diese Instanz können Sie anschließend die Eigenschaften und Methoden des RegExp-Objekts anwenden, die hier beschrieben werden.
Anzeigebeispiel: So sieht's aus
<html><head><title>Test</title>
<script type="text/javascript">
<!--
function Ausgabe(Wert)
{
var Ausdruck = /(\w.+)\s(\w.+)/;
Ausdruck.exec(Wert);
alert(RegExp.$2 + ", " + RegExp.$1);
}
//-->
</script>
</head><body>
<form action="">
<input name="User" value="Vorname Zuname">
<input type="button" value="Ausgabe" onClick="Ausgabe(this.form.User.value)">
</form>
</body></html>
|
Das Beispiel zeigt, wie sich ein Name des Schemas "Vorname Name" unter Verwendung eines regulären Ausdrucks in das Schema "Name, Vorname" verwandeln lässt.
Das Beispiel enthält ein Formular mit einem Eingabefeld und einem Button. In dem Eingabefeld soll der Anwender seinen Namen in der Form "Vorname Name" eingeben. Deshalb ist das Feld auch schon so vorbelegt. Beim Anklicken des Buttons wird die Funktion Ausgabe() aufgerufen, die im Dateikopf definiert ist. Als Parameter bekommt die Funktion den Inhalt des Eingabefeldes übergeben.
Innerhalb der Funktion wird ein regulärer Ausdruck (Suchausdruck) definiert, der in der Variablen Ausdruck gespeichert wird. Solche regulären Ausdrücke werden in einfache Schrägstriche /.../ eingeschlossen. Der reguläre Ausdruck im obigen Beispiel ist so zu lesen: Suche nach einer beliebigen Anzahl von aneinandergereihten Buchstaben ohne Ziffern und Satzzeichen und merke dir das Ergebnis = (\w.+). Suche dann nach einem einzelnen Leerzeichen = \s. Suche dann noch mal nach einer beliebigen Buchstabenreihenfolge und merke dir das Ergebnis = (\w.+). Auf diese Weise wird das Schema "Vorname Name" gefunden. Die beiden Klammern um das (\w.+) führen dazu, dass die beiden einzelnen Buchstabenreihenfolgen als einzelne Teile intern gemerkt werden. Später sind diese einzelnen gemerkten Teile separat ansprechbar.
Im Beispiel wird mit dem nächsten Befehl die eine wichtige Methode des RegExp-Objekts auf den zuvor definierten regulären Ausdruck angewendet, nämlich die Methode exec(). Dadurch wird der Ausdruck "ausgeführt" und direkt dem RegExp-Objekt zugewiesen. Im Beispiel wird mit RegExp.$2 direkt auf den zweiten, zuvor intern gemerkten Klammerausdruck zugegriffen, und mit RegExp.$1 auf den ersten dieser Ausdrücke. Durch die Anordnung mit dem Komma dazwischen bei der Ausgabe mit alert() erscheint der zuvor eingegebene "Vorname Name" dann in dem anderen Schema "Name, Vorname".
Die folgende Übersicht zeigt, aus welchen Bestandteilen Sie einen regulären Ausdruck zusammensetzen können.
|
Weitere, evtl. vollständigere Informationen über reguläre Ausdrücke finden Sie innerhalb dieser Dokumentation auf der Seite reguläre Ausdrücke in Perl.
 |
$[1..9]Speichert gemerkte Bestandteile eines regulären Ausdrucks, also geklammerte Teile.
Anzeigebeispiel: So sieht's aus
<html><head><title>Test</title>
</head><body>
<script type="text/javascript">
<!--
var Vollversion = /(\d)/;
Vollversion.exec(navigator.userAgent);
document.write("Volle Versionsnummer Ihres Browsers: " + RegExp.$1);
//-->
</script>
</body></html>
|
Das Beispiel definiert einen regulären Ausdruck namens Vollversion, der nach dem ersten Vorkommen einer Ziffer sucht und sich die Fundstelle durch eine Klammer = (\d) merkt. Dieser reguläre Ausdruck wird dann auf die Objekteigenschaft navigator.userAgent angewendet, die Angaben zum Browser des Anwenders speichert. Da dieser Wert einem bestimmten Schema folgt, ist klar, dass die erste darin vorkommende Ziffer die Vollversion des Browsers darstellt (sofern sie einstellig ist). Im Beispiel wird die gefundene Versionsnummer dynamisch in die Datei geschrieben. Dabei wird direkt über das RegExp-Objekt auf die Eigenschaft $1 zugegriffen. Das ist der erste in einer Klammer gemerkte Teilausdruck des aktuellen regulären Ausdrucks, im Beispiel die Versionsziffer.
|
|
exec()Wendet einen regulären Ausdruck auf eine Zeichenkette an.
Anzeigebeispiel: So sieht's aus
<html><head><title>Test</title> </head><body> <script type="text/javascript"> <!-- var derSatz = "Auf der Mauer"; var Suche = /(au)/g; var Ergebnis = Suche.exec(derSatz); document.write(Ergebnis.length + " Suchtreffer"); //--> </script> </body></html> |
Das Beispiel demonstriert den Zusammenhang: ein regulärer Ausdruck wird definiert, im Beispiel ein regulärer Ausdruck mit dem Namen Suche. Mit einer Anweisung wie Suche.exec() können Sie dann die Suche starten. Als Parameter wird der Methode in der Regel der zu durchsucchende Ausdruck übergeben. Die Methode gibt die gefundenen Suchtreffer zurück. Die Variable, in der der Rückgabewert gespeichert wird (im Beispiel die Variable Ergebnis), wird automatisch zu einem Array, wenn mehr als ein Suchtreffer gefunden wurde. Im Beispiel werden zwei Treffer gefunden. Deshalb lässt sich auch die Array-Eigenschaft length auf die Variable Ergebnis anwenden.
|
|
test()Testet vorab, ob ein regulärer Ausdruck zu Suchtreffern führt oder nicht. Gibt true zurück, wenn etwas gefunden wurde, und false, wenn nichts gefunden wurde.
Anzeigebeispiel: So sieht's aus
<html><head><title>Test</title>
</head><body>
<script type="text/javascript">
<!--
var derSatz = "Auf der Mauer";
var Suche = /(sonstwas)/g;
var Ergebnis = Suche.test(derSatz);
if(Ergebnis == false)
document.write("nichts gefunden");
//-->
</script>
</body></html>
|
Das Beispiel definiert einen regulären Ausdruck namens Suche und wendet ihn mit Hilfe der Methode test() auf die Variable derSatz an. Der Rückgabewert wird in der Variablen Ergebnis gespeichert. Wenn nichts gefunden wird, wird ein entsprechender Hinweis geschrieben. Im Beispiel ist das der Fall.
|
| |
 |
Screen
|
 |
Number
|
| SELFHTML/Navigationshilfen JavaScript/DOM Objekt-Referenz |
© 2001 
selfhtml@teamone.de