JS-Tutorial

JS-HAUS JS-Einführung JS Wohin JS-Ausgabe JS-Anweisungen JS-Syntax JS-Kommentare JS-Variablen JS Let JS Konst JS-Operatoren JS-Arithmetik JS-Aufgabe JS-Datentypen JS-Funktionen JS-Objekte JS-Ereignisse JS-Strings JS-String-Methoden Suche nach JS-Strings JS-String-Vorlagen JS-Nummern JS-Zahlenmethoden JS-Arrays JS-Array-Methoden JS-Array-Sortierung JS-Array-Iteration JS-Array-Konstante JS-Daten JS-Datumsformate JS Date Get-Methoden JS-Datumssatzmethoden JS Math JS Zufällig JS Boolesche Werte JS-Vergleiche JS-Bedingungen JS-Schalter JS-Schleife für JS-Schleife für In JS-Schleife für Of JS-Schleife While JS Pause JS-Iterables JS-Sets JS-Karten JS Typeof JS-Typkonvertierung JS Bitweise JS RegExp JS-Fehler JS-Bereich JS Heben Strenger JS-Modus JS dieses Schlüsselwort JS-Pfeilfunktion JS-Klassen JS JSON JS-Debugging JS-Styleguide JS Best Practices JS-Fehler JS-Leistung JS Reservierte Wörter

JS-Versionen

JS-Versionen JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-Geschichte

JS-Objekte

Objektdefinitionen Objekteigenschaften Objektmethoden Objektanzeige Objektzugriffsmethoden Objektkonstruktoren Objekt-Prototypen Objekt-Iterables Objektsätze Objektkarten Objektreferenz

JS-Funktionen

Funktionsdefinitionen Funktionsparameter Funktionsaufruf Funktionsaufruf Funktion anwenden Funktionsschließungen

JS-Klassen

Klasse Einführung Klassenvererbung Klasse statisch

JS asynchron

JS-Rückrufe JS asynchron JS verspricht JS Async/Warten

JS-HTML-DOM

DOM-Einführung DOM-Methoden DOM-Dokument DOM-Elemente DOM-HTML DOM-Formulare DOM-CSS DOM-Animationen DOM-Ereignisse DOM-Ereignis-Listener DOM-Navigation DOM-Knoten DOM-Sammlungen DOM-Knotenlisten

Stückliste des JS-Browsers

JS-Fenster JS-Bildschirm JS-Standort JS-Geschichte JS-Navigator JS-Popup-Warnung JS-Timing JS-Cookies

JS-Web-APIs

Web-API-Einführung Web Forms-API Webprotokoll-API Webspeicher-API Web Worker-API Web-Fetch-API Web-Geolocation-API

JS AJAX

AJAX-Einführung AJAX-XMLHttp AJAX-Anfrage AJAX-Antwort AJAX-XML-Datei AJAX-PHP AJAX ASP AJAX-Datenbank AJAX-Anwendungen AJAX-Beispiele

JS JSON

JSON-Einführung JSON-Syntax JSON vs. XML JSON-Datentypen JSON-Parsing JSON-Stringify JSON-Objekte JSON-Arrays JSON-Server JSON-PHP JSON-HTML JSON JSONP

JS vs. jQuery

jQuery-Selektoren jQuery-HTML jQuery-CSS jQuery-DOM

JS-Grafik

JS-Grafik JS-Leinwand JS Plotly JS Chart.js JS Google-Diagramm JS D3.js

JS-Beispiele

JS-Beispiele JS-HTML-DOM JS-HTML-Eingabe JS-HTML-Objekte JS-HTML-Ereignisse JS-Browser JS-Editor JS-Übungen JS-Quiz JS-Zertifikat

JS-Referenzen

JavaScript-Objekte HTML-DOM-Objekte


JavaScript-String-Suche

JavaScript-Suchmethoden

  • Zeichenfolge indexOf()
  • Zeichenfolge lastIndexOf()
  • Zeichenfolge beginnt mit ()
  • Zeichenfolge endet mit ()

JavaScript-String indexOf()

Die indexOf()Methode gibt den Index (die Position) des firstVorkommens eines angegebenen Textes in einer Zeichenfolge zurück:

Beispiel

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate");

Notiz

JavaScript zählt Positionen ab Null.

0 ist die erste Position in einem String, 1 die zweite, 2 die dritte, ...


JavaScript-String lastIndexOf()

Die lastIndexOf()Methode gibt den Index des letzten Vorkommens eines angegebenen Textes in einer Zeichenfolge zurück:

Beispiel

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate");

Beide indexOf(), und lastIndexOf()geben -1 zurück, wenn der Text nicht gefunden wird:

Beispiel

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("John");

Beide Methoden akzeptieren einen zweiten Parameter als Startposition für die Suche:

Beispiel

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate", 15);

Die lastIndexOf()Methoden suchen rückwärts (vom Ende zum Anfang), was bedeutet: Wenn der zweite Parameter ist 15, beginnt die Suche an Position 15 und sucht bis zum Anfang der Zeichenfolge.

Beispiel

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate", 15);

JavaScript-String-Suche ()

Die search()Methode durchsucht eine Zeichenfolge nach einem bestimmten Wert und gibt die Position der Übereinstimmung zurück:

Beispiel

let str = "Please locate where 'locate' occurs!";
str.search("locate");

Hast du bemerkt?

Die beiden Methoden indexOf()und search()sind gleich?

Sie akzeptieren die gleichen Argumente (Parameter) und geben den gleichen Wert zurück?

Die beiden Methoden sind NICHT gleich. Das sind die Unterschiede:

  • Die search()Methode kann kein zweites Startpositionsargument annehmen.
  • Die indexOf()Methode kann keine mächtigen Suchwerte (reguläre Ausdrücke) annehmen.

In einem späteren Kapitel erfahren Sie mehr über reguläre Ausdrücke.



JavaScript-String-Match()

Die Methode match() durchsucht einen String nach einer Übereinstimmung mit einem regulären Ausdruck und gibt die Übereinstimmungen als Array-Objekt zurück.

Beispiel 1

Suchen Sie eine Zeichenfolge nach "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g);

Lesen Sie mehr über reguläre Ausdrücke im Kapitel JS RegExp .

Notiz

Wenn ein regulärer Ausdruck den Modifikator g nicht enthält (um eine globale Suche durchzuführen), gibt die Methode match() nur die erste Übereinstimmung in der Zeichenfolge zurück.

Syntax

string.match(regexp)
regexp Required. The value to search for, as a regular expression.
Returns: An Array, containing the matches, one item for each match, or null if no match is found

Beispiel 2

Führen Sie eine globale Suche ohne Berücksichtigung der Groß-/Kleinschreibung nach „ain“ durch:

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/gi);

JavaScript-String enthält ()

Die includes()Methode gibt true zurück, wenn eine Zeichenfolge einen angegebenen Wert enthält.

Beispiel

let text = "Hello world, welcome to the universe.";
text.includes("world");

Syntax

string.includes(searchvalue, start)
searchvalue Required. The string to search for
start Optional. Default 0. Position to start the search
Returns: Returns true if the string contains the value, otherwise false
JS Version: ES6 (2015)

Überprüfen Sie, ob eine Zeichenfolge "world" enthält, beginnend mit der Suche an Position 12:

let text = "Hello world, welcome to the universe.";
text.includes("world", 12);

Browser-Unterstützung

includes() ist eine ES6-Funktion (JavaScript 2015).

Es wird in allen modernen Browsern unterstützt:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

includes() wird im Internet Explorer nicht unterstützt.


JavaScript-String startsWith()

Die startsWith()Methode gibt zurück, true wenn eine Zeichenfolge mit einem bestimmten Wert beginnt, andernfalls false:

Beispiel

let text = "Hello world, welcome to the universe.";

text.startsWith("Hello");

Syntax

string.startsWith(searchvalue, start)

Parameterwerte

Parameter Description
searchvalue Required. The value to search for.
start Optional. Default 0. The position to start the search.

Beispiele

let text = "Hello world, welcome to the universe.";

text.startsWith("world")    // Returns false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 5)    // Returns false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 6)    // Returns true

Notiz

Bei der startsWith()Methode wird zwischen Groß- und Kleinschreibung unterschieden.


Browser-Unterstützung

startsWith() ist eine ES6-Funktion (JavaScript 2015).

Es wird in allen modernen Browsern unterstützt:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

startsWith() wird im Internet Explorer nicht unterstützt.


JavaScript-String endet mit ()

Die endsWith()Methode gibt zurück, true wenn eine Zeichenfolge mit einem bestimmten Wert endet, andernfalls false:

Beispiel

Überprüfen Sie, ob eine Zeichenfolge mit "Doe" endet:

var text = "John Doe";
text.endsWith("Doe");

Syntax

string.endswith(searchvalue, length)

Parameterwerte

Parameter Description
searchvalue Required. The value to search for.
length Optional. The length to search.

Überprüfen Sie die ersten 11 Zeichen einer Zeichenfolge, die mit "world" endet:

let text = "Hello world, welcome to the universe.";
text.endsWith("world", 11);

Notiz

Bei der endsWith()Methode wird zwischen Groß- und Kleinschreibung unterschieden.


Browser-Unterstützung

endsWith() ist eine ES6-Funktion (JavaScript 2015).

Es wird in allen modernen Browsern unterstützt:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

endsWith() wird im Internet Explorer nicht unterstützt.


Vollständige String-Referenz

Eine vollständige String-Referenz finden Sie in unserem:

Vollständige JavaScript-String-Referenz .

Die Referenz enthält Beschreibungen und Beispiele aller String-Eigenschaften und -Methoden.