Heim Web-Frontend js-Tutorial Eine kurze Diskussion über reguläre Ausdrücke im Frontend

Eine kurze Diskussion über reguläre Ausdrücke im Frontend

Nov 30, 2019 pm 03:49 PM
Frontend html5 javascript regexp

Eine kurze Diskussion über reguläre Ausdrücke im Frontend

1. Übersicht

In JavaScript verwenden Sie //, um ein reguläres Ausdrucksobjekt zu erstellen Natürlich können Sie auch new RegExp()

verwenden. Zu den häufig verwendeten regulären Methoden gehören match, test und replace.

Unter diesen sind match und replace Methoden für Zeichenfolgen und test ist eine Methode für reguläre Objekte.

[Verwandte Kursempfehlungen: JavaScript-Video-Tutorial]

Sehen Sie sich die spezifischen Abbildungen unten an:

Eine kurze Diskussion über reguläre Ausdrücke im Frontend

2. Passende einzelne Zeichen

  1. /reg/ können direkt mit der spezifischen Zeichenfolge reg übereinstimmen. Die eckigen Klammern

    in
  2. /[arzy]/[] bedeuten, dass jedes einzelne Zeichen in arzy

  3. /[f-h]/ dem mittleren Balken bedeutet die Zuordnung eines einzelnen Zeichens von - bis f in alphabetischer Reihenfolge. h

  4. bedeutet die Zuordnung der Zahlen 1 bis 3/[1-3]/

Eine kurze Diskussion über reguläre Ausdrücke im Frontend

3. Reguläre Optionen

Auf reguläre Objekte können auch Optionen folgen,

Häufig verwendete Optionen in sind : JavaScript

  1. – steht für das Ignorieren der Groß-/Kleinschreibungi

  2. – steht für den mehrzeiligen Abgleich m

  3. – steht für globale Übereinstimmung (kann mehrfach übereinstimmen) g

Eine kurze Diskussion über reguläre Ausdrücke im Frontend

4

  1. – stellt den Anfang der passenden Zeichenfolge dar.

    ^

  2. – stellt die passende Zeichenfolge dar. Das Ende von

    $

Eine kurze Diskussion über reguläre Ausdrücke im Frontend

5. Zeichenübereinstimmung

    - Kann Entspricht jedem Zeichen außer Zeilenumbrüchen
  1. .
  2. – Kann mit jeder Zahl übereinstimmen
  3. d
  4. – Kann mit jeder
  5. nichtDZahl
  6. übereinstimmen - Entspricht jedem Leerzeichen
  7. s
  8. - Entspricht jedem
  9. Nicht-SLeerzeichen
  10. - Entspricht dem Zeilenumbruch
  11. n
  12. - Es entspricht tatsächlich
  13. , d >w[A-Za-z0-9_]
  14. - 0 oder mehr Mal übereinstimmen

Eine kurze Diskussion über reguläre Ausdrücke im Frontend - 1 oder mehr Mal übereinstimmen

- 0 oder mehr Mal 1 Mal übereinstimmen - Kombiniere 3 Mal

  1. - Kombiniere 2, 3 oder 4 Mal *
  2. - Kombiniere 2 oder mehr Mal +
  3. ?
  4. {3}
  5. 7. Gruppierung
  6. {2,4}
  7. {2,} Klammern stellen die Gruppierung in regulären Ausdrücken dar, normalerweise in der
  8. -Methode Wird verwendet, um vollständige Übereinstimmungen und mehrere Gruppierungsergebnisse zurückzugeben. Wenn die Option
verwendet wird, werden nur vollständige Übereinstimmungen zurückgegeben.

Eine kurze Diskussion über reguläre Ausdrücke im FrontendIn Klammern können Sie das Pipe-Symbol

verwenden, das für

() steht. 8. Sonderzeichen matchg

Sie müssen einen Backslash hinzufügen, wenn Sie Sonderzeichen abgleichen|

Die Sonderzeichen in JS sind

Eine kurze Diskussion über reguläre Ausdrücke im Frontend

, also bei Bedarf Um Asterisk

zuzuordnen, müssen Sie wie folgt schreiben:

^ $ . * + ? () [] {} | 9. Erhalten Sie Nichtübereinstimmung

*

entspricht jedem Zeichen außer einem bestimmten Zeichen. Sie müssen es in Klammern verwenden.

*

Bisher hat

zwei Bedeutungen: Eine kurze Diskussion über reguläre Ausdrücke im Frontend

Wenn es am Anfang eines regulären Ausdrucks verwendet wird, bedeutet es, dass es mit dem Anfang der Zeichenfolge übereinstimmt.

Wenn es in eckigen Klammern verwendet wird

, es bedeutet Übereinstimmung mit nicht diesem Zeichen[]^

^

  1. Ende

  2. Das Obige stellt nur die grundlegende Verwendung regulärer Ausdrücke vor, die im Grunde für die tägliche Entwicklung ausreicht. Für eine tiefergehende Verwendung wie 贪婪和懒惰, 零宽断言 und 捕获 können interessierte Freunde es selbst lernen ~

    Stammgäste sind sehr mächtig, können aber nicht missbraucht werden. Wenn Sie einen sehr komplizierten regulären Ausdruck schreiben, den nur Sie verstehen können, ist es besser, ihn ohne die Verwendung regulärer Ausdrücke zu implementieren~

    Referenzlink

    ● Einführung in Regex für Webentwickler

    Dieser Artikel stammt aus der Spalte JS-Tutorial, willkommen zum Lernen!

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über reguläre Ausdrücke im Frontend. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles