Heim  >  Artikel  >  Web-Frontend  >  Wie JavaScript reguläre Ausdrücke verwendet

Wie JavaScript reguläre Ausdrücke verwendet

PHPz
PHPzOriginal
2023-04-25 17:31:11998Durchsuche

Regulärer Ausdruck ist ein Muster, das zum Abgleichen von Zeichenfolgen verwendet wird und zum Überprüfen, Suchen, Ersetzen von Zeichenfolgen usw. verwendet werden kann. JavaScript verfügt über eine integrierte Unterstützung für reguläre Ausdrücke. In diesem Artikel wird die Verwendung regulärer Ausdrücke in JavaScript vorgestellt.

Reguläre Ausdrücke sind komplex und können verwirrend sein, wenn Sie mit ihnen noch nicht vertraut sind. Solange Sie jedoch die grundlegende Syntax und allgemeine Funktionen verstehen, können Sie damit komplexe Probleme beim Abgleichen und Ersetzen von Zeichenfolgen lösen.

1. Grundlegende Syntax regulärer Ausdrücke

Reguläre Ausdrücke bestehen aus einer Reihe von Zeichen und Metazeichen, und Metazeichen werden verwendet, um Übereinstimmungsregeln anzugeben. Hier sind einige der grundlegendsten Metazeichen:

  1. Buchstaben und Zahlen: Sie können alle Buchstaben und Zahlen direkt in den regulären Ausdruck eingeben, um sie an die entsprechenden Zeichen anzupassen. Beispielsweise kann der reguläre Ausdruck /test/ genau mit der Zeichenfolge „test“ übereinstimmen.
  2. Metazeichen: Metazeichen sind Sonderzeichen mit besonderer Bedeutung. Beispielsweise steht „.“ im regulären Ausdruck für ein beliebiges Zeichen, „^“ für den Anfang der Zeichenfolge und „$“ für das Ende der Zeichenfolge.
  3. Zeichensatz: Wird verwendet, um ein beliebiges Zeichen in einem Zeichensatz abzugleichen. Beispielsweise entspricht der reguläre Ausdruck /[ab]/ „a“ oder „b“.
  4. Quantifizierer: Wird verwendet, um die Anzahl oder den Bereich übereinstimmender Wiederholungen anzugeben. Beispielsweise kann der reguläre Ausdruck /a+/ mit einer beliebigen Anzahl von „a“-Zeichen (mindestens einem) übereinstimmen, und „a{3}“ bedeutet, dass drei aufeinanderfolgende „a“-Zeichen übereinstimmen.

Hier sind einige einfache Beispiele für reguläre Ausdrücke:

expression Match content
/test/ test
/.at/ cat, hat, sat
/[bc]at/ bat, cat
/[0-9 ]*/ 1234567890

2. Reguläre Ausdrücke in JavaScript

JavaScript verfügt über eine integrierte Unterstützung für reguläre Ausdrücke. Sie können das RegExp-Objekt verwenden, um ein reguläres Ausdrucksobjekt zu erstellen, oder Sie können die reguläre Methode des String-Objekts verwenden, um einen String-Abgleich durchzuführen.

  1. Erstellen Sie ein reguläres Ausdrucksobjekt

Sie können den Konstruktor des RegExp-Objekts verwenden, um ein reguläres Ausdrucksobjekt zu erstellen: Der Konstruktor akzeptiert zwei Parameter: einer ist das für den Abgleich verwendete Zeichenfolgenmuster und der andere ist das optionale Flag-Zeichen Zeichenfolge.

Zum Beispiel:

var pattern = /d+/g; //Verwenden Sie ein Literalmuster, um ein reguläres Ausdrucksobjekt zu erstellen
var pattern2 = new RegExp("d+", "g"); //Verwenden Sie den Konstruktor, um ein zu erstellen regulärer Ausdruck Objekt

Im obigen Beispiel sind der reguläre Ausdruck „/d+/g“ und die Zeichenfolge „d+“ gleich, was beide darauf hinweist, dass eine oder mehrere Zahlen übereinstimmen.

  1. String-Abgleich

In JavaScript können Sie die Methoden match(), search(), replacement() und split() des String-Objekts verwenden, um einen String-Abgleich zu erreichen.

match()-Methode: Die match()-Methode gibt ein Array zurück, das den String-Inhalt enthält, der mit dem regulären Ausdruck übereinstimmt. Wenn nichts übereinstimmt, wird null zurückgegeben. Beispiel:

var str = „hello world, hallo JavaScript“. ;
var pattern = /hello/;
var result = str.match(pattern);
console.log(result); // Ausgabe ["hello"]

search() Methode: search() Die Methode gibt die zurück Startposition der passenden Zeichenfolge oder -1, wenn nichts übereinstimmt:

var str = "hello world, hallo JavaScript";
var result = str .search(pattern);
console.log(result); // Ausgabe 6

replace()-Methode: Die replace()-Methode wird verwendet, um den übereinstimmenden Textinhalt zu ersetzen und die ersetzte neue Zeichenfolge zurückzugeben. Zum Beispiel:

var str = "Hallo Welt, hallo JavaScript";

var pattern = /hello/;
var result = str.replace(pattern, "hi"); „Hallo Welt, hallo JavaScript“

split()-Methode: Die split()-Methode teilt eine Zeichenfolge in ein Zeichenfolgenarray auf und verwendet dabei eine angegebene Trennzeichenfolge oder einen regulären Ausdruck, um die Teilungsposition zu bestimmen. Zum Beispiel:

var str = "apple,banana,orange";

var pattern = /[,]/;

var result = str.split(pattern);
console.log(result); // Output [" apple ", "banana", "orange"]

String überprüfen
  1. In JavaScript können Sie die test()-Methode des RegExp-Objekts verwenden, um zu überprüfen, ob der String dem regulären Ausdruck entspricht. test() gibt true oder false zurück und gibt an, ob die Zeichenfolge die Anforderungen für reguläre Ausdrücke erfüllt. Zum Beispiel:

var pattern = /d+/;

console.log(pattern.test("123")); // Ausgabe true

console.log(pattern.test("1a23"));

3. Erweiterte Anwendungen regulärer Ausdrücke

Es gibt viele erweiterte Anwendungen regulärer Ausdrücke, mit denen komplexere String-Matching- und Ersetzungsfunktionen erreicht werden können. Hier sind einige gängige fortgeschrittene Anwendungen:

Gruppenabgleich
  1. Verwenden Sie Klammern, um Gruppen darzustellen, zum Beispiel den regulären Ausdruck /(d{3})-(d{3})-(d{4})/ Can Übereinstimmung mit einem Telefonnummernformat ähnlich „123-456-7890“, wobei die drei Gruppen (d{3}), (d{3}) und (d{4}) mit der Ortsvorwahl, der Mitte und der Mitte des Telefons übereinstimmen Nummer bzw. Suffixnummer.
  1. Zusicherung mit Nullbreite

Zusicherung mit Nullbreite bezieht sich auf die Übereinstimmung der Position der Zeichenfolge und nicht der Zeichen. Beispielsweise stimmt der reguläre Ausdruck /cat(?=dog)/ mit „cat“ gefolgt von „dog“ überein, aber nicht mit „cat“ ohne gefolgt von „dog“.

  1. Abgleichsergebnisse ersetzen

Wir können beim Ersetzen von Text Platzhalter wie $1, $2 usw. verwenden, um die erste und zweite Gruppe in den Abgleichsergebnissen usw. darzustellen. Beispielsweise können die regulären Ausdrücke /(d{3})-(d{3})-(d{4})/ und „123-456-7890“ durch „($1) $2-$3“ ersetzt werden, um zu erhalten Das Ergebnis ist „(123) 456-7890“.

4. Fazit

Regulärer Ausdruck ist ein leistungsstarkes Mustervergleichstool. Erfahren Sie, wie Sie damit verschiedene String-Matching- und Ersetzungsprobleme lösen. In JavaScript können Sie die regulären Methoden des RegExp-Objekts und des String-Objekts verwenden, um reguläre Ausdrucksoperationen auszuführen. In diesem Artikel werden die grundlegende Syntax und allgemeine Anwendungen regulärer Ausdrücke vorgestellt und einige Beispiele für erweiterte Anwendungen bereitgestellt. Ich hoffe, dass die Leser durch diesen Artikel die Verwendung regulärer Ausdrücke in JavaScript verstehen können.

Das obige ist der detaillierte Inhalt vonWie JavaScript reguläre Ausdrücke verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn