Heim > Web-Frontend > js-Tutorial > Das Konzept und die Anwendung regulärer Ausdrücke in JavaScript_Regular Expressions

Das Konzept und die Anwendung regulärer Ausdrücke in JavaScript_Regular Expressions

韦小宝
Freigeben: 2017-12-04 10:49:33
Original
1655 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich das Konzept von regulären Ausdrücken in JavaScript und verwandte Informationen über JavaScript-Anwendungen vor Referenz: Die regulären Ausdrücke in JavaScript werden für unsere zukünftige Entwicklung eine große Hilfe sein.

Heute möchte ich etwas Wissen über reguläre Ausdrücke und deren Anwendung in JavaScript mit Ihnen teilen. Reguläre Ausdrücke sind einfach, aber nicht einfach. Als mein Lehrer uns zum Beispiel beibrachte, sagte er, dass man es in 20 bis 30 Minuten meistern kann, wenn man nicht damit anfängt Ich kann das in ein paar Tagen nicht nachholen. Deshalb habe ich es am Anfang sehr ernsthaft studiert und recherchiert. Unerwarteterweise vereinfachen reguläre Ausdrücke nicht nur den Code, sondern ersparen Front-End-Ingenieuren auch viel Ärger im tatsächlichen Betrieb. Wie wir alle wissen, beschäftigen sich Benutzer beim Durchsuchen einer Seite tatsächlich mit vielen Methoden. Eine davon ist eine gewöhnliche und umständliche Methode. Einer davon ist ein regulärer Ausdruck. Mal sehen, welchen Effekt er auf das Formular haben kann.

Werfen wir zunächst einen Blick auf die reguläre Version:

Ich persönlich finde, dass die Methode zu grob ist ist das, was ich gemacht habe, als ich anfing, einen einfachen Formulareffekt zu lernen, ohne ein CSS-Stylesheet hinzuzufügen.

Sehen Sie sich den aktualisierten regulären Ausdruck noch einmal an:

Weiter Lasst uns lernen über reguläre Ausdrücke zusammen.

Ein regulärer Ausdruck ist ein Objekt, das ein Zeichenmuster beschreibt. Er wird auch als reguläre Notation und konventionelle Notation bezeichnet.

Ein regulärer Ausdruck verwendet eine einzelne Zeichenfolge, um zu beschreiben und Entspricht einer Reihe von Zeichenfolgen, die einer bestimmten Syntaxregel entsprechen. In vielen Texteditoren werden häufig reguläre Ausdrücke verwendet, um Text abzurufen und zu ersetzen, der einem bestimmten Muster entspricht.

Die Merkmale regulärer Ausdrücke sind: 1. Sehr flexibel, logisch und funktional. 2. Eine komplexe Steuerung von Zeichenfolgen kann schnell und auf äußerst einfache Weise erreicht werden. 3. Es ist relativ unklar und für Neulinge schwer zu verstehen.

Regulären Ausdruck definieren 1: Normaler Weg varreg=/expression/additional Parameters

 reg.test(v.value)
Nach dem Login kopieren

2: Konstruktor Weg

  
var reg=new RegExp("表达式","附加参数) var reg=new RegExp("china");
Nach dem Login kopieren

Ausdrucksmuster 1:

简单模式 var reg=/china/;
Nach dem Login kopieren

Ausdrucksmuster 2:

符合模式 var reg=/^\w+$/; var reg=/^\w+@\w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/;
Nach dem Login kopieren

Die Methode exec des RegExp-Objekts ruft Zeichen ab, bei denen es sich um reguläre Ausdrücke handelt, gibt den gefundenen Wert zurück und Der Positionstest ruft den in der Zeichenfolge angegebenen Wert ab und gibt „true“ oder „false“ zurück. Exec-Methode: Wenn keine Übereinstimmung gefunden wird, ist der Rückgabewert null; wenn eine Übereinstimmung gefunden wird, wird ein Ergebnisarray zurückgegeben Anfang und Ende eines Musters ^ entspricht dem Anfang der Zeichenfolge $ entspricht dem Ende der Zeichenfolge s beliebiges Leerzeichen S beliebiges Nicht-Leerzeichen d entspricht einem numerischen Zeichen, äquivalent zu [0-9] D außer Ziffern Jedes Zeichen von , äquivalent zu [^0-9] w Entspricht einer Zahl, einem Unterstrich oder einem alphabetischen Zeichen, äquivalent zu [A-Za-z0-9_] W Jedes Zeichen, das nicht aus einem einzelnen Zeichen besteht, äquivalent zu [^a-zA- z0-9_ ]. Jedes andere Zeichen als Zeilenumbruchzeichen

{n} stimmt n-mal mit dem vorherigen Element überein. {n,} stimmt n-mal mit dem vorherigen Element überein, oder {n,m} stimmt mehrmals mit dem vorherigen Element überein. Das Element muss sein mindestens n-mal, aber nicht mehr als m-mal * Entspricht dem vorherigen Element 0 oder mehr Mal, entspricht {0,} + Entspricht dem vorherigen Element 1 oder mehr Mal, entspricht {1,}? Stimmt 0 oder 1 Mal mit dem vorherigen Element überein, was bedeutet, dass das vorherige Element optional ist, was entspricht, dass {0,1}

x|y mit x oder y übereinstimmt.

Zum Beispiel passt „z|food“ zu „z“ oder „food“. „(z|f)ood“ entspricht „zood“ oder „food“. [xyz] Zeichensatz. Entspricht einem der enthaltenen Zeichen. Beispielsweise würde „[abc]“ mit dem „a“ in „plain“ übereinstimmen. [a-z] Zeichenbereich. Entspricht jedem Zeichen innerhalb des angegebenen Bereichs. „[a-z]“ entspricht beispielsweise jedem Kleinbuchstaben im Bereich „a“ bis „z“. Hinweis: Nur wenn sich der Bindestrich innerhalb der Zeichengruppe befindet und zwischen zwei Zeichen steht, kann er den Zeichenbereich darstellen. Wenn er am Anfang der Zeichengruppe steht, kann er nur den Bindestrich selbst (Muster) darstellen Holen Sie sich dieses One-Match. Die erhaltenen Übereinstimmungen können aus der generierten Matches-Sammlung abgerufen werden, indem die SubMatches-Sammlung in VBScript und die $0...$9-Attribute in JScript verwendet werden. Um Klammerzeichen zuzuordnen, verwenden Sie „(“ oder „)“.

Das Obige ist das Konzept und die Anwendung regulärer Ausdrücke in JavaScript. Ich hoffe, dass es Freunden in Not hilfreich sein wird!

Verwandte Empfehlungen:

15 häufig verwendete reguläre JS-Ausdrücke teilen

Reguläre JS-Ausdrücke, die beherrscht werden müssen

Detaillierte Erklärung der regulären js-Ausdrücke

Das obige ist der detaillierte Inhalt vonDas Konzept und die Anwendung regulärer Ausdrücke in JavaScript_Regular Expressions. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage