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

Probleme mit iphone

Hallo, ich habe ein Problem bei der Darstellung einer Webseite. In allen Browsern hat das bisher bestens funktioniert außer beim iPhone und iPad, wo ... » mehr

von Finlay am Dienstag, 10. Juli 2012 19:45 in JavaScript - noch nicht beantwortet

Stream musik

Hallo, ich bin auf der Suche nach einem Script, mit dem ich einen Leser für Audio-Spuren in eine Html-Webseite einfügen kann. Ich brauche dabei ... » mehr

von Finlay am Sonntag, 22. Januar 2012 22:52 in JavaScript - bisher 2 Antworten
Letzter Beitrag: Dienstag, 8. Mai 2012 16:04 von maharadja

ich habe das mal mit jplayer probiert und bei mir gings ... » mehr

Byte Array PDF im Browser anzeigen

Hallo, ich bekomme von einem Webservice ein PDF als Byte Array. Mit einem JsonP Request habe ich das Byte Array so wie es ist (als Array von Bytes) ... » mehr

von TiloS am Mittwoch, 11. April 2012 17:37 in JavaScript - noch nicht beantwortet

Überbelnd effect in javascript gallerie

ich habe hier einie gallerie die funktioniert problem los aber hat noch kein über belnd effect jedoch würde ich diesen gerne einfügen aber ich habe ... » mehr

von faebe am Freitag, 20. Januar 2012 20:19 in JavaScript - noch nicht beantwortet

XML per JavaScript verarbeiten - IE

Hallo! Vielen Dank für das super kommentierte Script-Beispiel zur Weiterverarbeitung von XML-Dateien per JavaScript: ... » mehr

von gn0me am Freitag, 11. März 2011 19:03 in JavaScript - noch nicht beantwortet


¬ Insolvenzrecht