JavaScript indexOf Methode

Die Methode indexOf gehört zum String-Objekt, welches in JavaScript für eine Vielzahl von String-Operationen zuständig ist. Mit ihrer Hilfe ist es möglich, ein Zeichen oder eine Zeichenkette innerhalb eines Strings zu lokalisieren. Als Parameter erwartet die Methode indexOf ein Zeichen oder eine Zeichenkette, nach der innerhalb des Strings gesucht werden soll.

Der Rückgabewert von indexOf ist vom Typ Number. Dabei gibt dieser an, ab welcher Stelle innerhalb des Strings – genauer gesagt den Zeichenindex im String, an dem das erste Zeichen des gesuchten Zeichens bzw. der gesuchten Zeichenkette steht – sich das übergebene Zeichen oder die Zeichenkette befindet. Wurde das gesuchte Zeichen oder die Zeichenkette nicht im zu durchsuchenden String gefunden, so wird stets der Wert -1 zurückgegeben. Auch hier gilt, dass das erste Zeichen im String den Index 0 hat. Liefert die Methode also den Wert 0, so befindet sich das gesuchte String oder Zeichen direkt am Anfang des Strings.

IndexOf kann darüber hinaus ein weiter, optionaler, Parameter übergeben werden. Dieser Parameter legt fest, ab welcher Stelle innerhalb des Strings nach Vorkommen des gesuchten Zeichens bzw. der gesuchten Zeichenkette gesucht werden soll. Es wird also nicht, wie es standardmäßig geschieht, direkt am Anfang des Strings gesucht, sondern erst ab dem angegebenen Zeichenindex innerhalb des Strings.

JavaScript indexOf Beispiel

Im folgenden Beispiel wird zunächst ein String deklariert und dann nach einenem einzelnen Zeichen – einem Punkt – innerhalb dieses Strings gesucht. Die gefundene Stelle wird danach durch die document-Methode write ausgegeben. Danach wird die Anzahl der Punkte im String ermittelt und diese dann ausgegeben. Jetzt wirdnach der Antwort (in Form des Strings "42") gesucht und der Positionsindex ausgegeben. Zum Schluß wird nach einer nicht enthaltenen Zeichenkette gesucht, wobei die Suche – wie erwartet – den Wert -1 liefert.

<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
// String, in dem gesucht werden soll
var str = "Die Antwort auf alles, das Leben, das Universum und alles ist ...... 42!";
// Position des ersten Punktes
document.write ("Die Spannung steigt ab Index-Position " + str.indexOf ('.') + "!<br>");

// Variablen zur Speicherung der Anzahl...
var vorkommen = 0;
// und der Position des zuletzt gefundenen Punktes
var letztes = 0;
// So oft suchen, bis kein weiterer Punkt mehr vorkommt
while (letztes = str.indexOf ('.', letztes) + 1)
  // Gefundene Stellen hochzählen
  vorkommen += 1;
// Anzahl der Pausenpunkte ausgeben
document.write ("Die Pause dauert " + vorkommen + " Punkte!<br>");
// die Posiiton der Antwort ausgeben
document.write ("Die Antwort steht ab Index-Position " + str.indexOf ("42") + "!<br>");
// und zum Schluß nach einer nicht vorhandenen Zeichenkette suchen
document.write ("Grillwurst findet sich ab Index-Position " + str.indexOf ("Grillwurst") + "!");
// -->
</script>

Letzte Posts aus unserem Forum

Script Schrift vergrößern

Hallo wollte gerade das Script für die Schriftvergrößerung testen, aber irgendwie bekomme ich das nicht hin. Habe eine Joomla Website und dort die ... » mehr

von Gast am Donnerstag, 22. April 2010 13:32 in JavaScript - bisher 1 Antwort
Letzter Beitrag: Donnerstag, 22. April 2010 18:05 von alm

Hallo, damit kann man nicht allzu viel anfangen. Soviel ich weiss kann es zuweilen Probleme mit Tabellen-Layouts geben. Dort werden die ... » mehr

Javascript Schriftengröße: Problem bei URL-Übergabe im IE8

Hallo, ich hab eben das Javascript zur Schriftengröße eingebaut, klappt auch wunderbar auf Firefox, aber der IE 8 hat folgendes Problem: - wenn ich ... » mehr

von horst1234 am Dienstag, 23. Februar 2010 13:06 in JavaScript - bisher 1 Antwort
Letzter Beitrag: Dienstag, 23. Februar 2010 14:07 von horst1234

Ich hab das charset im Header geändert (wie in der beispiel.html), und schon klappt es ... » mehr

Dynamisches einfügen von Zeilen in eine Spalte

Hallo, ich möchte gerne eine Zeile zwischen zwei andere Zeilen einfügen. Leider klappt folgender Versuch noch nicht so richtig. Vielleicht kann mir ... » mehr

von Bluecaspar am Mittwoch, 10. Februar 2010 18:09 in JavaScript - bisher 2 Antworten
Letzter Beitrag: Donnerstag, 11. Februar 2010 10:37 von Bluecaspar

Ja genau, das war der Fehler. Vielen Dank Alex. Hier der korrigierte Code: <html> <head> <title> Test ... » mehr

Fenster in Frame erzeugen

Hallo, ich würde gerne ein Fenster in einer Webseite erzeugen. Das Fenster sollte dabei auf ein Frame begrenzt sein, sich also nicht aus diesen ... » mehr

von Bluecaspar am Dienstag, 9. Februar 2010 13:57 in JavaScript - bisher 2 Antworten
Letzter Beitrag: Mittwoch, 10. Februar 2010 09:32 von Bluecaspar

Ja hervorragend, dass ist genau das was ich möchte. Danke ... » mehr

Problem: Kombination mit Lightbox 2

Hallo, ich bin gerade dabei die Galerie mit der Lightbox 2 zu verknüpfen, da ich die Bilder im Vollformat gerne in diesem schicken aufpoppenden ... » mehr

von GoPeter am Montag, 16. November 2009 23:38 in JavaScript - bisher 16 Antworten
Letzter Beitrag: Mittwoch, 18. November 2009 00:32 von GoPeter

Soo...hat lange gedauert...aber jetzt ist es endlich ... » mehr



¬ Insolvenzrecht