Reguläre Ausdrücke in JavaScript

Dieser Leitfaden zeigt die praktische Anwendung regulärer Ausdrücke innerhalb von JavaScript. Am Ende können Sie Regex zuversichtlich für die Textmanipulation verwenden.

Schlüsselkonzepte:

• reguläre Ausdrücke von JavaScript sind leistungsstarke Tools für die Textverarbeitung. Sie sind mit Vorwärts-Schrägstrichen (/) mit optionalen Flags (z. B. /pattern/gi für globale und fallinsensitive Übereinstimmungen) definiert. Zum Beispiel /JavaScript/ übereinstimmt mit der Zeichenfolge "JavaScript".
• Zeichenfolgen in JavaScript bieten drei Schlüsselmethoden für die Regex -Interaktion: match(), replace() und search().
• match() Findet alle passenden Substrings und gibt ein Array zurück (oder null, wenn keine Übereinstimmungen gefunden werden).
• replace() ersetzt die Übereinstimmung von Substrings durch eine neue Zeichenfolge. Dies ist von unschätzbarem Wert für Aufgaben wie die Korrektur von Tippfehler oder die Standardisierung von Textformaten.
• search() Funktionen ähnlich wie indexOf(), verwendet jedoch einen regulären Ausdruck als Suchparameter, wobei der Index der ersten Übereinstimmung zurückgegeben wird (oder -1, wenn keine existiert).

Verwenden regulärer Ausdrücke:

einen regulären Ausdruck erstellen ist einfach:

<code class="language-javascript">const myRE = /regexp/;</code>

wobei regexp das reguläre Expressionsmuster darstellt. Zum Beispiel:

<code class="language-javascript">const myRE = /JavaScript/; // Matches "JavaScript"
const myRE = /^(ba|na)+$/; // Matches "banana", "nababa", "baba", etc.</code>

standardmäßig ist Regex fallempfindlich und findet nur die erste Übereinstimmung. Hinzufügen von Flags verändert dieses Verhalten: g (global) für alle Übereinstimmungen und i (Fall-unempfindlich).

Beispiel reguläre Ausdrücke und Übereinstimmungen in "test1 test2 test3":

RegExp	Match(es)
/Test[0-9] /	"Test2"
/Test[0-9] /i	"test1"
/Test[0-9] /gi	"test1", "Test2", "TEST3"

Methoden zur Arbeit mit regulären Ausdrücken:

• match(): Diese Methode gibt ein Array aller Übereinstimmungen zurück. Erstellen wir eine Telefonnummer -Validierungsfunktion:

<code class="language-javascript">const myRE = /regexp/;</code>

Dieser Regex ^(d{3}) d{3}-d{4}$ stimmt mit einem Telefonnummer-Format wie "(123) 456-7890" überein. ^ und $ Stellen Sie sicher, dass die gesamte Zeichenfolge mit dem Muster übereinstimmt. d{3} stimmt mit drei Ziffern überein.

• replace(): Diese Methode ersetzt Übereinstimmungen durch eine neue Zeichenfolge. Lassen Sie uns "Ich vor e außer nach c" falsch geschrieben:

<code class="language-javascript">const myRE = /JavaScript/; // Matches "JavaScript"
const myRE = /^(ba|na)+$/; // Matches "banana", "nababa", "baba", etc.</code>

In der Ersatzzeichenfolge bezieht ([abd-z])ei

• : Diese Methode ähnelt search(), verwendet jedoch einen regulären Ausdruck. Es gibt den Index des ersten Spiels zurück. indexOf()

<code class="language-javascript">function checkPhoneNumber(phoneNo) {
  const phoneRE = /^\(\d{3}\) \d{3}-\d{4}$/;
  return phoneNo.match(phoneRE) !== null; //true if valid, false otherwise
}</code>

Schlussfolgerung:

reguläre Ausdrücke sind ein leistungsstarkes Werkzeug für die String -Manipulation in JavaScript. Das Beherrschen dieser Techniken verbessert Ihre Fähigkeit, Benutzereingaben zu validieren, Daten zu reinigen und eine ausgefeilte Textverarbeitung durchzuführen. Denken Sie daran, dass die serverseitige Validierung für die Sicherheit immer noch von entscheidender Bedeutung ist.

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