Informationen zur Verwendung von RegExp-Objekten und Klammern in regulären JS-Ausdrücken

Das Folgende ist eine kurze Diskussion über die Verwendung von RegExp-Objekten und Klammern in regulären JS-Ausdrücken. Der Inhalt ist ziemlich gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden.

Erstellung des RegExp-Objekts:

Herkömmliche reguläre Ausdrücke können mit direkten Mengen erstellt werden, also mit Zeichen, die von Schrägstrichen „/“ umschlossen sind. Aber in Umgebungen, die Parameteränderungen erfordern, ist der RegExp()-Konstruktor die bessere Wahl:

var reg1 = /'w+'/g;
var reg2 = new RegExp('' \w+ '','g');

Beim Vergleich der beiden Erstellungsmethoden ist der erste Parameter in RegExp die zu erstellende reguläre Zeichenfolge. Achten Sie einerseits darauf, da dies nicht der Fall ist Da es sich um eine direkte Darstellung handelt, ist es nicht erforderlich, sie mit Schrägstrichen „/“ einzuschließen. Stattdessen müssen die Anführungszeichen „‘“ und das Escape-Symbol „ “ zweimal mit Escapezeichen versehen werden.

Außerdem wird unabhängig davon, ob es sich um eine direkte Variable oder den RegExp()-Konstruktor handelt, ein neues RegExp-Objekt generiert und einer Variablen zugewiesen.

Ähnlichkeiten und Unterschiede zwischen match() und exec():

Match und exec sind gängige Methoden zum Abgleichen von Zeichenfolgen mit regulären Ausdrücken. Die von den beiden implementierten Funktionen sind ähnlich, mit einigen subtilen Unterschieden:

1. Verwendung

match ist eine Methode zum Verpacken von Zeichenfolgen. Verwendung: String.match(RegExp);

exec ist eine Methode eines regulären Ausdrucksobjekts, Verwendung: RegExp.exec(String);

2 🎜>

Unterstützt mehrere Matching-Methoden:

JS-Code

var testStr = "now test001 test002";  
var re = /test(\d+)/ig;  
var r = "";  
while(r = re.exec(testStr)) {  
  alert(r[0] + " " + r[1]);  
}

Darüber hinaus können Sie auch testStr.match(re) verwenden, aber in diesem Fall können Sie nicht die g-Option haben, sondern nur die erstes Spiel.

1. Regeln für reguläre Ausdrücke

1.1 Gewöhnliche Zeichen

1.2 Einfache Escape-Zeichen

Es gibt weitere Satzzeichen, die in späteren Kapiteln speziell verwendet werden. Das Hinzufügen von „/“ davor stellt das Symbol selbst dar. Beispiel: ^ und $ haben eine besondere Bedeutung. Wenn Sie die Zeichen „^“ und „$“ in der Zeichenfolge anpassen möchten, muss der Ausdruck als „/^“ und „/$“ geschrieben werden.

Beispiel 1: Wenn der Ausdruck „/$d“ mit der Zeichenfolge „abc$de“ übereinstimmt, ist das übereinstimmende Ergebnis: „$d“; die übereinstimmende Position ist: Beginnt bei 3 und endet um 5.

1.3 Ausdrücke, die mit „mehreren Zeichen“ übereinstimmen können

Beispiel 1: Wenn der Ausdruck „[bcd][bcd]“ mit „abc123“ übereinstimmt, ist das Übereinstimmungsergebnis: „Erfolg“; die übereinstimmende Position ist: beginnend bei 1 und endend bei 3 .

Beispiel 2: Wenn der Ausdruck „[^abc]“ mit „abc123“ übereinstimmt, ist das übereinstimmende Ergebnis: „Erfolg“; die übereinstimmende Position ist: beginnend bei 3, beendet um 4.

1.5 Spezielle Symbole, die die Anzahl der Übereinstimmungen ändern

Die in den vorherigen Kapiteln erwähnten Ausdrücke, unabhängig davon, ob sie nur einem Zeichentyp oder mehreren entsprechen können Ein Ausdruck, der eines dieser Zeichen enthält, kann nur einmal gefunden werden. Wenn Sie einen Ausdruck und ein spezielles Symbol verwenden, das die Anzahl der Übereinstimmungen ändert, können Sie wiederholt Übereinstimmungen erzielen, ohne den Ausdruck erneut schreiben zu müssen.

Die Verwendungsmethode ist: Geben Sie die „Anzahl der Modifikationen“ nach dem „geänderten Ausdruck“ ein. Beispiel: „[bcd][bcd]“ kann als „[bcd]{2}“ geschrieben werden.

Weitere Texterklärungen sind noch relativ abstrakt, daher werden Beispiele bereitgestellt, um das Verständnis für alle zu erleichtern.

Beispiel 1: Wenn der Ausdruck „^aaa“ mit „xxx aaa xxx“ übereinstimmt, lautet das Übereinstimmungsergebnis: Fehler. Da „^“ erforderlich ist, um mit dem Anfang der Zeichenfolge übereinzustimmen, kann „^aaa“ nur übereinstimmen, wenn „aaa“ am Anfang der Zeichenfolge steht, z. B. „aaa xxx xxx“.

Beispiel 2: Wenn der Ausdruck „aaa$“ mit „xxx aaa xxx“ übereinstimmt, lautet das Übereinstimmungsergebnis: Fehler. Da „$“ erforderlich ist, um mit dem Ende der Zeichenfolge übereinzustimmen, kann „aaa$“ nur übereinstimmen, wenn „aaa“ am Ende der Zeichenfolge steht, z. B.: „xxx xxx aaa“.

Beispiel 3: Wenn der Ausdruck „./b.“ mit „@@@abc“ übereinstimmt, ist das übereinstimmende Ergebnis: „@a“; die übereinstimmende Position ist: Beginnt bei 2 und endet um 4.
Weitere Erklärung: „/b“ ähnelt „^“ und „$“. Es entspricht keinem Zeichen selbst, erfordert jedoch, dass es sich im Übereinstimmungsergebnis links und rechts von der Position befindet Davon ist der „/w“-Bereich. Die andere Seite ist der Nicht-„/w“-Bereich.

Beispiel 4: Wenn der Ausdruck „/bend/b“ mit „weekend,endfor,end“ übereinstimmt, ist das übereinstimmende Ergebnis: success; die übereinstimmende Position ist: Beginnt bei 15 und endet um 18.

Einige Symbole können die Beziehung zwischen Unterausdrücken innerhalb eines Ausdrucks beeinflussen:

Beispiel 5: Ausdruck Wenn „ „Tom|Jack“ entspricht der Zeichenfolge „Ich bin Tom, er ist Jack“, das Übereinstimmungsergebnis ist: Erfolg; der übereinstimmende Inhalt ist: „Tom“; die übereinstimmende Position ist: beginnend bei 4 und endend bei 7 . Beim nächsten Abgleich lautet das Abgleichsergebnis: „Jack“; die abgeglichene Position beginnt bei 15 und endet bei 19. Beispiel 6: Wenn der Ausdruck „(go/s*)+“ mit „Let's go go go!“ übereinstimmt, ist das Übereinstimmungsergebnis: success; der übereinstimmende Inhalt ist: „go go go“; Die Positionen beginnen bei 6 und enden bei 14.

Beispiel 7: Wenn der Ausdruck „￥(/d+/.?/d*)“ mit „＄10,9,￥20,5“ übereinstimmt, ist das Übereinstimmungsergebnis: Erfolg; der übereinstimmende Inhalt ist: „￥ 20,5“ ; die übereinstimmende Position ist: beginnend bei 6 und endend bei 10. Der allein durch die Ermittlung des Klammerbereichs ermittelte Inhalt lautet: „20,5“.

Es ist ersichtlich, dass „/w+“ beim Abgleich immer mit so vielen Zeichen wie möglich übereinstimmt, die seinen Regeln entsprechen. Obwohl es im zweiten Beispiel nicht mit dem letzten „d“ übereinstimmt, kann der gesamte Ausdruck erfolgreich abgeglichen werden. Auf die gleiche Weise werden Ausdrücke mit „*“ und „{m,n}“ so weit wie möglich abgeglichen, und Ausdrücke mit „?“ werden auch so weit wie möglich „abgeglichen“, wenn sie übereinstimmen können oder nicht. Dieses Matching-Prinzip wird als „Greedy“-Modus bezeichnet.

Nicht-gieriger Modus:

Fügen Sie nach dem Sonderzeichen ein „?“-Zeichen hinzu, das die Anzahl der Übereinstimmungen ändert, sodass der Ausdruck eine unbestimmte Anzahl von Übereinstimmungen aufweist kann so klein wie möglich gemacht werden Weniger Übereinstimmungen, sodass Ausdrücke, die übereinstimmen oder nicht übereinstimmen können, so weit wie möglich „nicht übereinstimmend“ sein können. Dieses Matching-Prinzip wird als „nicht gieriger“ Modus oder auch als „widerwilliger“ Modus bezeichnet. Wenn es weniger Übereinstimmungen gibt, wird der gesamte Ausdruck nicht übereinstimmen. Ähnlich wie im Greedy-Modus werden im Non-Greedy-Modus minimal mehr Übereinstimmungen erzielt, damit der gesamte Ausdruck erfolgreich übereinstimmt. Zum Beispiel für den Text „dxxxdxxxd“:

Weitere Situationen, Beispiele sind wie folgt:

Beispiel 1: Ausdruck „(.*)“ und Zeichenfolge „

aa< ;/ p>

bb

bb

Beispiel 2: Wenn dagegen der Ausdruck „(.*?)“ mit der gleichen Zeichenfolge wie in Beispiel 1 übereinstimmt, wird nur „“ erhalten

aa

bb

2.2 Rückverweis /1, /2...

Beim Abgleichen eines Ausdrucks stimmt die Ausdrucks-Engine mit dem in Klammern „( )“ enthaltenen Ausdruck überein. Zeichnen Sie die Zeichenfolge auf mit der Formel übereinstimmt. Beim Abrufen des Übereinstimmungsergebnisses kann die Zeichenfolge, die mit dem in Klammern enthaltenen Ausdruck übereinstimmt, separat abgerufen werden. Dies wurde in den vorherigen Beispielen mehrfach demonstriert. Wenn in praktischen Anwendungen eine bestimmte Grenze für die Suche verwendet wird und der abzurufende Inhalt diese Grenze nicht enthält, müssen Klammern verwendet werden, um den gewünschten Bereich anzugeben. Zum Beispiel das vorherige „(.*?)“.

Tatsächlich kann „die Zeichenfolge, die mit dem in Klammern enthaltenen Ausdruck übereinstimmt“ nicht nur nach Abschluss des Abgleichs, sondern auch während des Abgleichvorgangs verwendet werden. Der Teil nach dem Ausdruck kann auf den vorherigen „Untertreffer in Klammern, der bereits mit der Zeichenfolge übereinstimmt“ verweisen. Die Referenzmethode ist „/“ plus eine Zahl. „/1“ bezieht sich auf die im ersten Klammerpaar übereinstimmende Zeichenfolge, „/2“ bezieht sich auf die im zweiten Klammerpaar übereinstimmende Zeichenfolge ... und so weiter. Wenn ein Klammerpaar ein weiteres Klammerpaar enthält, dann Das äußere Paar Die Klammern der Ebene werden zuerst sortiert. Mit anderen Worten, welches Paar linker Klammern „(“ kommt zuerst, dann wird dieses Paar zuerst sortiert.

Zum Beispiel:

Beispiel 1: Ausdruck „('|“ )(. *?)(/1)“ Beim Abgleichen von „‚Hallo‘, „Welt““ ist das Übereinstimmungsergebnis: Erfolg; der übereinstimmende Inhalt ist: „‚Hallo‘“. Wenn der nächste erneut abgeglichen wird, kann er mit „ „Welt“ „.

Beispiel 2: Wenn der Ausdruck „(/w)/1{4,}“ mit „aa bbbb abcdefg ccccc 111121111 999999999“ übereinstimmt, lautet das Übereinstimmungsergebnis: success; matched Der Inhalt ist „ccccc“. Bei einem erneuten Abgleich wird 999999999 erhalten. Dieser Ausdruck erfordert, dass die Zeichen im Bereich „/w“ mindestens fünfmal wiederholt werden Beispiel 3: Ausdruck „<(/w+)/s*(/w+(=('|“).*?/4)?/s*)*>.*?“ Beim Matching „“, das Matching-Ergebnis ist erfolgreich. Wenn „“ und „“ nicht übereinstimmen, Die Übereinstimmung schlägt fehl. Wenn auf andere Übereinstimmungen umgestellt wird, kann die Übereinstimmung auch erfolgreich sein.

Vorwärtssuche: „(?=xxxxx)“, „(?!xxxxx)“

Beispiel 2: Der Ausdruck „(/w)((?=/1/1/1)(/1))+“ entspricht 6 „f“, wenn er mit der Zeichenfolge „aaa ffffff 999999999“ übereinstimmt. Die ersten 4 von , kann mit den ersten 7 von 9 „9“ übereinstimmen. Dieser Ausdruck kann wie folgt gelesen werden: Wenn Buchstaben und Zahlen mehr als viermal wiederholt werden, stimmt der Teil vor den letzten beiden Ziffern überein. Natürlich muss dieser Ausdruck nicht so geschrieben werden, sondern dient nur zu Demonstrationszwecken.

Format: „(?!xxxxx)“ befindet sich auf der rechten Seite der Lücke und darf nicht mit dem xxxxx-Teil des Ausdrucks übereinstimmen.

Beispiel 3: Wenn der Ausdruck „((?!/bstop/b).)+“ mit „fdjka ljfdl stop fjdsla fdj“ übereinstimmt, wird er vom Anfang bis zur Position vor „stop If“ abgeglichen das Zeichen Wenn in der Zeichenfolge kein „Stop“ vorhanden ist, wird die gesamte Zeichenfolge abgeglichen.

Beispiel 4: Wenn der Ausdruck „do(?!/w)“ mit der Zeichenfolge „done, do, dog“ übereinstimmt, kann er nur mit „do“ übereinstimmen. In diesem Beispiel hat die Verwendung von „(?!/w)“ nach „do“ den gleichen Effekt wie die Verwendung von „/b“.

Rückwärts-Vorabsuche: „(?<=xxxxx)“, „(?

Die Konzepte dieser beiden Formate ähneln der Vorwärts-Vorabsuche. Die für die umgekehrte Vorsuche erforderlichen Bedingungen sind: Die „linke Seite“ der Lücke. Die beiden Formate erfordern, dass sie mit dem angegebenen Ausdruck übereinstimmen müssen und nicht in der Lage sein dürfen, die rechte Seite zu beurteilen. Dasselbe wie bei der „Vorwärts-Vorsuche“ besteht darin, dass sie zusätzliche Bedingungen für die Lücke darstellen und selbst keinem Zeichen entsprechen.

Beispiel 5: Wenn der Ausdruck „(?<=/d{4})/d+(?=/d{4})“ mit „1234567890123456“ übereinstimmt, stimmt er mit Ausnahme der ersten 4 Zahlen und überein Die mittleren 8 Zahlen neben den letzten 4 Zahlen. Da JScript.RegExp die umgekehrte Vorabsuche nicht unterstützt, kann dieses Beispiel nicht demonstriert werden. Viele andere Engines können die umgekehrte Vorsuche unterstützen, beispielsweise das Paket java.util.regex in Java 1.4 und höher, der Namespace System.Text.RegularExpressions in .NET und die einfachste und benutzerfreundlichste reguläre DEELX-Engine, die von empfohlen wird diese Seite.

3. Andere allgemeine Regeln

Es gibt auch einige gemeinsame Regeln zwischen verschiedenen regulären Ausdrucks-Engines.

3.1 In Ausdrücken können Sie „/xXX“ und „/uXXXX“ verwenden, um ein Zeichen darzustellen („X“ steht für eine Hexadezimalzahl)

3.3 hat eine besondere Bedeutung in Ausdrücken und muss „/“ hinzufügen, um der Zeichenzusammenfassung des Zeichens selbst zu entsprechen

4. Weitere Tipps

4.1 Wenn Sie mehr über die erweiterte reguläre Engine erfahren möchten, die auch komplexe reguläre Syntax unterstützt, lesen Sie bitte die reguläre DEELX-Engine auf dieser Seite Dokumentation.

4.2 Wenn Sie möchten, dass der Ausdruck mit der gesamten Zeichenfolge übereinstimmt, anstatt einen Teil der Zeichenfolge zu finden, können Sie „^“ und „$“ am Anfang und Ende des Ausdrucks verwenden, z. B.: „^ /d+$" erfordert, dass die gesamte Zeichenfolge nur Ziffern enthält.

4.3 Wenn es sich bei dem übereinstimmenden Inhalt um ein vollständiges Wort und nicht um einen Teil des Wortes handelt, verwenden Sie „/b“ am Anfang und Ende des Ausdrucks, zum Beispiel: Verwenden Sie „/b(if|while| else|. void|int……)/b“, um Schlüsselwörter im Programm abzugleichen.

4.4 Ausdrücke stimmen nicht mit leeren Zeichenfolgen überein. Andernfalls erhalten Sie immer einen Matching-Erfolg, es wird jedoch nichts gematcht. Beispiel: Wenn Sie sich darauf vorbereiten, einen Ausdruck zu schreiben, der mit „123“, „123“, „123,5“, „.5“ übereinstimmt, können die Ganzzahl, der Dezimalpunkt und die Dezimalstellen weggelassen werden, aber schreiben Sie den Ausdruck nicht wie folgt: „ /d*/.?/d*“, da dieser Ausdruck auch erfolgreich übereinstimmen kann, wenn nichts vorhanden ist. Eine bessere Schreibweise ist: „/d+/.?/d*|/./d+“.

4.5 Führen Sie keine Endlosschleife für Teilübereinstimmungen durch, die mit leeren Zeichenfolgen übereinstimmen können. Wenn jeder Teil des Unterausdrucks innerhalb der Klammern 0 Mal abgeglichen werden kann und die Klammern als Ganzes unendlich oft abgeglichen werden können, ist die Situation möglicherweise schwerwiegender als beim vorherigen Element und der Abgleichsprozess kann sich endlos wiederholen. Obwohl einige Engines für reguläre Ausdrücke Methoden eingeführt haben, um diese Situation zu vermeiden, wie z. B. reguläre .NET-Ausdrücke, sollten wir dennoch versuchen, diese Situation zu vermeiden. Wenn wir beim Schreiben eines Ausdrucks auf eine Endlosschleife stoßen, können wir auch von diesem Punkt aus herausfinden, ob dies der in diesem Artikel genannte Grund ist.

4.6 Wählen Sie sinnvollerweise den Greedy-Modus und den Non-Greedy-Modus, siehe Themendiskussion.

4.7 Oder die linke und rechte Seite von „|“, es ist am besten, nur eine Seite eines bestimmten Zeichens abzugleichen, damit sich die Ausdrücke auf beiden Seiten von „|“ nicht aufgrund des Austauschs unterscheiden von Positionen.

Nächster Artikel---------------------------------- -- --------

1, regulären Ausdruck definieren

1) Definition Es gibt zwei Formen Bei regulären Ausdrücken handelt es sich bei einem um die gewöhnliche Methode und bei der anderen um die Konstruktormethode.

2) Gewöhnlicher Weg: var reg=/expression/additional Parameters

Ausdruck: eine Zeichenfolge, die eine bestimmte Regel darstellt, in der bestimmte Sonderzeichen zur Darstellung spezieller Regeln verwendet werden können. Die Regeln werden erläutert im Detail später.

Zusätzliche Parameter: werden verwendet, um die Bedeutung des Ausdrucks zu erweitern. Derzeit gibt es drei Hauptparameter:
g: steht für globale Übereinstimmung.
i: steht für Matching ohne Berücksichtigung der Groß-/Kleinschreibung.
m: Zeigt an, dass mehrere Zeilen übereinstimmen können.

Die oben genannten drei Parameter können beliebig kombiniert werden, um eine zusammengesetzte Bedeutung darzustellen. Natürlich können keine Parameter hinzugefügt werden.

Beispiel:
var reg=/a*b/;
var reg=/abc+f/g;

3) Konstruktormethode: var reg=new RegExp ( „Ausdruck“, „zusätzliche Parameter“);
wobei „Ausdruck“ und „zusätzliche Parameter“ die gleiche Bedeutung wie in der obigen Definition haben.
Beispiel:
var reg=new RegExp(„a*b“);
var reg=new RegExp(“abc+f“,g“);

4) Normal Der Unterschied zwischen der Methode und der Konstruktormethode
Der Ausdruck in der gewöhnlichen Methode muss eine konstante Zeichenfolge sein, während der Ausdruck im Konstruktor beispielsweise eine konstante Zeichenfolge oder eine js-Variable sein kann, basierend auf Benutzereingaben usw.:
var reg=new RegExp(document.forms[0].exprfiled.value,"g");

2, Ausdrucksmodus

1) Der Ausdrucksmodus bezieht sich auf die Ausdrucksmethode und den Ausdrucksstil, dh wie wird der „Ausdruck“ in var reg=/expression/additional Parametern beschrieben?
2) Kanonisch gesehen werden Ausdrucksmodi in einfache Modi und zusammengesetzte Modi unterteilt.
3) Einfacher Modus: Bezieht sich auf ein Muster, das durch eine Kombination gewöhnlicher Zeichen ausgedrückt wird, wie z. B.
var reg=/abc0d/;
Es ist ersichtlich, dass der einfache Modus nur bestimmte Übereinstimmungen darstellen kann.

4) Zusammengesetztes Muster: Bezieht sich auf ein Muster, das durch Platzhalterzeichen ausgedrückt wird, zum Beispiel:
var reg=/a+b?/w/;
wobei +, ? und /w alle dazugehören bis Platzhalterzeichen stehen für besondere Bedeutungen. Daher können zusammengesetzte Muster eine abstraktere Logik ausdrücken.
Konzentrieren wir uns auf die Bedeutung und Verwendung jedes Platzhalterzeichens im zusammengesetzten Muster.

5) Erläuterung der Sonderzeichen im zusammengesetzten Modus:

1>/: wird in vielen Programmiersprachen als Escape-Zeichen verwendet, wenn auf das Symbol
/ It folgt ist das gewöhnliche Zeichen c, dann stellt /c eine besondere Bedeutung dar. Beispielsweise stellt n ursprünglich das Zeichen n dar, aber /n repräsentiert eine neue Zeile. Wenn auf das Symbol
/ das Sonderzeichen c folgt, stellt /c das gewöhnliche Zeichen c dar. Beispielsweise wird / im Allgemeinen als Escape-Zeichen verwendet, // stellt jedoch das gewöhnliche Zeichen / dar.
Die Verwendung von / in regulären Ausdrücken in Javascript ist die gleiche wie oben, mit der Ausnahme, dass die Sonderzeichentabellen in verschiedenen Programmiersprachen unterschiedlich sein können.

2>^：匹配输入字符串的起始端，如果是多行匹配，即表达式的附加参数中含有m，则也在一个换行符后匹配。
例子：
/^B/匹配 “Bab Bc ”中的第一个B

例子2：
/^B/gm匹配
“Badd B
cdaf
B dsfB”

中的第一行第一个B，第三行中的第一个B

3>$：匹配输入字符创的尾端，如果是多行匹配，即表达式的附加参数中含有m，则也在一个换行符前匹配。

与^的用法相反。

例子：/t$/匹配“bat”中的t，但是不匹配“hate”中的t

例子2：/t$/匹配

“tag at
bat”
中第一行的最后一个t和第二行的t。

4>*：匹配前一个字符0次或多次。

例子：/ab*/匹配“dddabbbbc”中的“abbbb”，也匹配“ddda”中的“a”

5>+：匹配前一个字符1次或多次。

例子：/ab+/匹配“dddabbbbc”中的“abbbb”，但不匹配“ddda”

与后面的{1,}（原型：{n,}）的用法类似

6>?：?的用法比较特殊，一般来说它用来对前一个字符做0次或1次匹配，但是它有另外两种特殊的用法：

如果紧跟在*、+、?和{ }之后，则表示原始匹配的最小次数匹配，例如：
/ba*/本来匹配“bbbaaaa”中的“baaaa”，但是/ba*?/则匹配“bbbaaaa”中的“b”（因为*表示0次或多次匹配，而加?应该表示最少次数匹配，即0次匹配）。
同理：/ba+?/则匹配“baaaa”中的“ba”。
作为语法结构符号，使用于前置断言中，即后面要说到的x(?=y)和x(?!=y)

7>.：小数点中的“.”号，匹配任何一个单独的字符，但是换行符除外。

标准中总共有哪些字符？请参考：字符集
例如：/a.b/匹配“acbaa”中的“acb”，但是不匹配“abbb”。

8>(x)：表示匹配x(并非特指字符x或者特指一个字符，x表示一个字符串)，而且匹配会被记住，在语法中这种()被称为“capturing parentheses ”，即捕捉用的小括号。

匹配会被记住，是因为在表达式提供的函数中，有些函数返回一个数组，该数组会保存所匹配的所有字符串，例如exec()函数。
另外还要注意()中的x被记住的前提是匹配x。

例子1：

var regx=/a(b)c/;
var rs=regx.exec(“abcddd”);

从上面可以看出,/a(b)c/匹配“abcddd”中的“abc”，因为()的原因，b也会记录下来，因此rs返回的数字内容为：
{abc,b}

例子2：

var regx=/a(b)c/;
var rs=regx.exec(“acbcddd”);

rs返回null，因为/a(b)c/不匹配“acbcddd”，所以()中的b不会被记录下来（尽管字符串中含有b）

9>(?:x)：匹配x，但不会记住x，这种格式中的()被称为“non-capturing parentheses ”，即非捕捉用的小括号。

例子：

var regx=/a(?:b)c/;
var rs=regx.exec(“abcddd”);

从上面可以看出,/a(?:b)c/匹配“abcddd”中的“abc”，因为(?:)的原因，b不会记录下来，因此rs返回的数字内容为：
{abc}

10>X(?=y)：匹配x，仅当后面紧跟着y时。如果符合匹配，则只有x会被记住，y不会被记住。

例子：

var regx=/user(?=name)/;
var rs=regx.exec(“The username is Mary”);

结果：匹配成功，而且rs的值为{user}

11>X(?!y)：匹配x，仅当后面不紧跟着y时。如果符合匹配，则只有x会被记住，y不会被记住。

例子：

var regx=/user(?!name)/;
var rs=regx.exec(“The user name is Mary”);

结果：匹配成功，而且rs的值为{user}

例子2：

var regx=//d+(?!/.)/;
var rs=regx.exec(“54.235”);

结果：匹配成果，rs的值为{5}，不匹配54是因为54后面跟着“.”号，当然235也匹配，但是由于exec方法的行为，235不会被返回

12>x|y：匹配x或y。注意如果x和y都匹配上了，那么只记住x。

例子：

var regx=/beijing|shanghai/;
var rs=regx.exec(“I love beijing and shanghai”);

结果：匹配成功，rs的值为{beijing}，虽然shanghai也匹配，但不会被记住。

13>{n}：匹配前一个字符的n次出现。
n必须是一个非负数，当然如果是一个负数或小数也不会报语法错误。

例子：

var regx=/ab{2}c/;
var rs=regx.exec(“abbcd”);

结果：匹配成功，rs的值为：{abbc}。

14>{n,}：匹配前一个字符的至少n次出现。

例子：

var regx=/ab{2,}c/;
var rs=regx.exec(“abbcdabbbc”);

结果：匹配成功，rs的值为：{abbc}。注意为什么abbbc也符合条件为什么没有被记住，这与exec方法的行为有关，后面会统一讲解。

15>{n,m}：匹配前一个字符的至少n次最多m次的出现。
只要n与m为数字，而且m>=n就不会报语法错误。

例子：

var regx=/ab{2,5}c/;
var rs=regx.exec(“abbbcd”);

结果：匹配成功，rs的值为：{abbbc}。

例子2：

var regx=/ab{2,2}c/;
var rs=regx.exec(“abbcd”);

结果：匹配成功，rs的值为：{abbc}。

例子3：

var regx=/ab(2,5)/;
var rs=regx.exec(“abbbbbbbbbb”);

结果：匹配成功，rs的值为：{abbbbb}，这说明，如果前一个字符出现多于m次，则只匹配m次。另外：
var regx=/ab(2,5)c/;
var rs=regx.exec(“abbbbbbbbbbc”);
结果：匹配失败，rs的值为：null，为什么匹配失败，因为b多于5个则b(2,5)会匹配前5个b，，而表达式/ab(2,5)c/中b后面是c，但字符串中5个b之后还是b所以会报错。

16>[xyz]：xyz表示一个字符串，该模式表示匹配[]中的一个字符，形式上[xyz]等同于[x-z]。

例子：

var regx=/a[bc]d/;
var rs=regx.exec(“abddgg”);

结果：匹配成功，rs的值为：{abd}

例子2：

var regx=/a[bc]d/;
var rs=regx.exec(“abcd”);

结果：匹配失败，rs的值为：null，之所以失败，是因为[bc]表示匹配b或c中的一个，但不会同时匹配。

17>[^xyz]：该模式表示匹配非[]中的一个字符，形式上[^xyz]等同于[^x-z]。

例子：

var regx=/a[^bc]d/;
var rs=regx.exec(“afddgg”);

结果：匹配成功，rs的值为：{afd}

例子2：

var regx=/a[^bc]d/;
var rs=regx.exec(“abd”);

结果：匹配失败，rs的值为：。

18>[/b]：匹配退格键。

19>/b：匹配一个词的边界符，例如空格和换行符等等，当然匹配换行符时，表达式应该附加参数m。

例子：

var regx=//bc./;
var rs=regx.exec(“Beijing is a beautiful city”);

结果：匹配成功，rs的值为：{ci}，注意c前边的空格不会匹配到结果中，即{ ci}是不正确的。

20>/B：代表一个非单词边界。

例子：

var regx=//Bi./;
var rs=regx.exec(“Beijing is a beautiful city”);

结果：匹配成功，rs的值为：{ij}，即匹配了Beijing中的ij。

21>/cX，匹配一个控制字符。例如， /cM 匹配一个 Control-M 或
回车符。 x 的值必须为 A-Z 或 a-z 之一。否则，将 c 视为一
个原义的 'c' 字符。（实际的例子还需补充）

21>/d：匹配一个数字字符，等同于[0-9]。

例子：

var regx=/user/d/;
var rs=regx.exec(“user1”);

结果：匹配成功，rs的值为：{user1}

22>/D：匹配一个非数字字符，等同于[^0-9]。
例子：

var regx=/user/D/;
var rs=regx.exec(“userA”);

结果：匹配成功，rs的值为：{userA}

23>/f：匹配一个换页符。

24>/n：匹配一个换行符。因为是换行符，所以在表达式中要加入m参数。
例子：

var regx=/a/nbc/m;
 var str=“a
 bc”;
var rs=regx.exec(str);

结果：匹配成功，rs的值为：{ }，如果表达式为/a/n/rbc/，则不会被匹配，因此在一般的编辑器中一个”Enter”键代表着“回车换行”，而非“换行回车”，至少在textarea域中是这样的。
25>/r：匹配一个回车符

26>/s：匹配一个空格符，等同于[ /f/n/r/t/v/u00A0/u2028/u2029].

例子：

var regx=//si/;
var rs=regx.exec(“Beijing is a city”);

结果：匹配成功，rs的值为：{ i}

27>/S：匹配一个非空格符，等同于[ ^/f/n/r/t/v/u00A0/u2028/u2029].

例子：

var regx=//Si/;
var rs=regx.exec(“Beijing is a city”);

结果：匹配成功，rs的值为：{ei}

28>/t：匹配一个tab

例子：

var regx=/a/tb/;
var rs=regx.exec(“a bc”);

结果：匹配成功，rs的值为： {a bc}

29>/v：匹配一个竖向的tab

30>/w：匹配一个数字、_或字母表字符，即[A-Za-z0-9_ ]。

例子：

var regx=//w/;
var rs=regx.exec(“$25.23”);

结果：匹配成功，rs的值为：{2}

31>/W：匹配一个非数字、_或字母表字符，即[^A-Za-z0-9_ ]。

例子：

var regx=//w/;
var rs=regx.exec(“$25.23”);

结果：匹配成功，rs的值为：{$}

32>/n：注意不是/n，这里n是一个正整数，表示匹配第n个()中的字符。

例子：

var regx=/user([,-])group/1role/;
var rs=regx.exec(“user-group-role”);

结果：匹配成功，rs的值为：{user-group-role,-}，同样对user,group,role的匹配也是成功的，但像user-group,role等就不对了。

33>/0：匹配一个NUL字符。

34>/xhh：匹配一个由两位16进制数字所表达的字符。

35>/uhhhh：匹配一个由四位16进制数字所表达的字符。

3，表达式操作

1）表达式操作，在这里是指和表达式相关的方法，我们将介绍六个方法。
2）表达式对象（RegExp）方法：

1>exec(str)，返回str中与表达式相匹配的第一个字符串，而且以数组的形式表现，当然如果表达式中含有捕捉用的小括号，则返回的数组中也可能含有()中的匹配字符串，例如：

var regx=//d+/;
var rs=regx.exec(“3432ddf53”);

返回的rs值为：{3432}

var regx2=new RegExp(“ab(/d+)c”);
var rs2=regx2.exec(“ab234c44”);

返回的rs值为：{ab234c,234}
另外，如果有多个合适的匹配，则第一次执行exec返回一个第一个匹配，此时继续执行exec，则依次返回第二个第三个匹配。例如：

var regx=/user/d/g;
var rs=regx.exec(“ddduser1dsfuser2dd”);
var rs1=regx.exec(“ddduser1dsfuser2dd”);

则rs的值为{user1}，rs的值为{rs2}，当然注意regx中的g参数是必须的，否则无论exec执行多少次，都返回第一个匹配。后面还有相关内容涉及到对此想象的解释。

2>test(str)，判断字符串str是否匹配表达式，返回一个布尔值。例如：

var regx=/user/d+/g;
var flag=regx.test(“user12dd”);

flag的值为true。

3）String对象方法

1>match(expr)，返回与expr相匹配的一个字符串数组，如果没有加参数g，则返回第一个匹配，加入参数g则返回所有的匹配
例子：

var regx=/user/d/g;
var str=“user13userddduser345”;
var rs=str.match(regx);

rs的值为：{user1,user3}

2>search(expr)，返回字符串中与expr相匹配的第一个匹配的index值。
例子：

var regx=/user/d/g;
var str=“user13userddduser345”;
var rs=str.search(regx);

rs的值为：0

3>replace(expr,str)，将字符串中匹配expr的部分替换为str。另外在replace方法中，str中可以含有一种变量符号$，格式为$n，代表匹配中被记住的第n的匹配字符串（注意小括号可以记忆匹配）。
例子：

var regx=/user/d/g;
var str=“user13userddduser345”;
var rs=str.replace(regx,”00”);

rs的值为：003userddd0045
例子2：

var regx=/u(se)r/d/g;
var str=“user13userddduser345”;
var rs=str.replace(regx,”$1”);

rs的值为：se3userdddse45
对于replace(expr,str)方法还要特别注意一点，如果expr是一个表达式对象则会进行全局替换（此时表达式必须附加参数g，否则也只是替换第一个匹配），如果expr是一个字符串对象，则只会替换第一个匹配的部分，例如：

var regx=“user”
var str=“user13userddduser345”;
var rs=str.replace(regx,”00”);

rs的值为： 0013userddduser345

4>split(expr)，将字符串以匹配expr的部分做分割，返回一个数组，而且表达式是否附加参数g都没有关系，结果是一样的。
例子：

var regx=/user/d/g;
var str=“user13userddduser345”;
var rs=str.split(regx);

rs的值为：{3userddd,45}

4，表达式相关属性

1）表达式相关属性，是指和表达式相关的属性，如下面的形式：

var regx=/myexpr/;
var rs=regx.exec(str);

其中，和表达式自身regx相关的属性有两个，和表达式匹配结果rs相关的属性有三个，下面将逐一介绍。
2）和表达式自身相关的两个属性：

1>lastIndex，返回开始下一个匹配的位置，注意必须是全局匹配（表达式中带有g参数）时，lastIndex才会有不断返回下一个匹配值，否则该值为总是返回第一个下一个匹配位置，例如：

var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var lastIndex1=regx.lastIndex;
rs=regx.exec(“sdsfuser1dfsfuser2”);
var lastIndex2=regx.lastIndex;
rs=regx.exec(“sdsfuser1dfsfuser2”);
var lastIndex3=regx.lastIndex;

上面lastIndex1为9，第二个lastIndex2也为9，第三个也是9；如果regx=/user/d/g，则第一个为9，第二个为18，第三个为0。

2>source，返回表达式字符串自身。例如：

var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var source=regx.source;

source的值为user/d
3）和匹配结果相关的三个属性：

1>index，返回当前匹配的位置。例如：

var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var index1=rs.index;
rs=regx.exec(“sdsfuser1dfsfuser2”);
var index2=rs.index; 
rs=regx.exec(“sdsfuser1dfsfuser2”);
var index3=rs.index;

index1为4，index2为4，index3为4，如果表达式加入参数g，则index1为4，index2为13，index3会报错（index为空或不是对象）。

2>input，用于匹配的字符串。例如：

var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var input=rs.input;

input的值为sdsfuser1dfsfuser2。

3>[0]，返回匹配结果中的第一个匹配值，对于match而言可能返回一个多值的数字，则除了[0]外，还可以取[1]、[2]等等。例如：

var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var value1=rs[0];
rs=regx.exec(“sdsfuser1dfsfuser2”);
var value2=rs[0];

value1的值为user1,value2的值为user2

5，实际应用

1）实际应用一
描述：有一表单，其中有一个“用户名”input域
要求：汉字，而且不能少于2个汉字，不能多于4个汉字。
实现：

<script>
function checkForm(obj){
   var username=obj.username.value;
   var regx=/^[/u4e00-/u9fa5]{2,4}$/g
   if(!regx.test(username)){
        alert(“Invalid username!”);
        return false; 
   }
   return true;
}
</script>
<form name=“myForm”onSubmit=“return checkForm(this)”>
  <input type=“text” name=“username”/>
  <input type=“submit” vlaue=“submit”/>
</form>

2）实际应用二

描述：给定一个含有html标记的字符串，要求将其中的html标记去掉。

实现：

<script>
function toPlainText(htmlStr){
   var regx=/<[^>]*>|<//[^>]*>/gm;
   var str=htmlStr.replace(regx,"");
   return str;
}
</script>
<form name=“myForm”>
  <textarea id=“htmlInput”></textarea>
  <input type=“button” value=“submit” onclick=“toPlainText(document.getElementById(‘htmlInput&#39;).value”/>
</form>

三，小结

1，Javascript正则表达式，我想在一般的程序员之中，使用者应该不是很多，因为我们处理的页面一般都不是很复杂，而复杂的逻辑一般我们都在后台处理完成了。但是目前趋势已经出现了扭转，富客户端已经被越来越多的人接受，而Javascript就是其中的关键技术，对于复杂的客户端逻辑而言，正则表达式的作用也是很关键的，同时它也是Javascript高手必须要掌握的重要技术之一。

2，为了能够便于大家对前面讲述的内容有一个更为综合和深刻的认识，我将前面的一些关键点和容易犯糊涂的地方再系统总结一下，这部分很关键！

总结1：附件参数g的用法

表达式加上参数g之后，表明可以进行全局匹配，注意这里“可以”的含义。我们详细叙述：

1）对于表达式对象的exec方法，不加入g，则只返回第一个匹配，无论执行多少次均是如此，如果加入g，则第一次执行也返回第一个匹配，再执行返回第二个匹配，依次类推。例如

var regx=/user/d/;
var str=“user18dsdfuser2dsfsd”;
var rs=regx.exec(str);//此时rs的值为{user1}
var rs2=regx.exec(str);//此时rs的值依然为{user1}

如果regx=/user/d/g；则rs的值为{user1}，rs2的值为{user2}

通过这个例子说明：对于exec方法，表达式加入了g，并不是说执行exec方法就可以返回所有的匹配，而是说加入了g之后，我可以通过某种方式得到所有的匹配，这里的“方式”对于exec而言，就是依次执行这个方法即可。

2）对于表达式对象的test方法，加入g于不加上g没有什么区别。

3）对于String对象的match方法，不加入g，也只是返回第一个匹配，一直执行match方法也总是返回第一个匹配，加入g，则一次返回所有的匹配（注意这与表达式对象的exec方法不同，对于exec而言，表达式即使加上了g，也不会一次返回所有的匹配）。例如：

var regx=/user/d/;
var str=“user1sdfsffuser2dfsdf”;
var rs=str.match(regx);//此时rs的值为{user1}
var rs2=str.match(regx);//此时rs的值依然为{user1}

如果regx=/user/d/g，则rs的值为{user1,user2}，rs2的值也为{user1,user2}

4）对于String对象的replace方法，表达式不加入g，则只替换第一个匹配，如果加入g，则替换所有匹配。（开头的三道测试题能很好的说明这一点）

5）对于String对象的split方法，加上g与不加g是一样的，即：

var sep=/user/d/;
var array=“user1dfsfuser2dfsf”.split(sep);

则array的值为{dfsf, dfsf}

此时sep=/user/d/g，返回值是一样的。

6）对于String对象的search方法，加不加g也是一样的。

总结2：附加参数m的用法

附加参数m，表明可以进行多行匹配，但是这个只有当使用^和$模式时才会起作用，在其他的模式中，加不加入m都可以进行多行匹配（其实说多行的字符串也是一个普通字符串），我们举例说明这一点

1）使用^的例子

var regx=/^b./g;
var str=“bd76 dfsdf
     sdfsdfs dffs
     b76dsf sdfsdf”;
var rs=str.match(regx);

此时加入g和不加入g，都只返回第一个匹配{bd}，如果regx=/^b./gm，则返回所有的匹配{bd,b7}，注意如果regx=/^b./m，则也只返回第一个匹配。所以，加入m表明可以进行多行匹配，加入g表明可以进行全局匹配，综合到一起就是可以进行多行全局匹配

2）使用其他模式的例子，例如

var regx=/user/d/;
var str=“sdfsfsdfsdf
     sdfsuser3 dffs
     b76dsf user6”;
var rs=str.match(regx);

此时不加参数g，则返回{user3}，加入参数g返回{user3,user6}，加不加入m对此没有影响。

3）因此对于m我们要清楚它的使用，记住它只对^和$模式起作用，在这两种模式中，m的作用为：如果不加入m，则只能在第一行进行匹配，如果加入m则可以在所有的行进行匹配。我们再看一个^的例子

var regx=/^b./;
var str=“ret76 dfsdf
     bjfsdfs dffs
     b76dsf sdfsdf”;
var rs=str.match(regx);

此时rs的值为null，如果加入g，rs的值仍然为null，如果加入m，则rs的值为{bj}（也就是说，在第一行没有找到匹配，因为有参数m，所以可以继续去下面的行去找是否有匹配），如果m和g都加上，则返回{bj,b7}（只加m不加g说明，可以去多行进行匹配，但是找到一个匹配后就返回，加入g表明将多行中所有的匹配返回，当然对于match方法是如此，对于exec呢，则需要执行多次才能依次返回）

总结3：

在HTML的textarea输入域中，按一个Enter键，对应的控制字符为“/r/n”，即“回车换行”，而不是“/n/r”，即“换行回车”，我们看一个前面我们举过的例子：

var regx=/a/r/nbc/;
var str=“a
     bc”;
var rs=regx.exec(str);

结果：匹配成功，rs的值为：{  }，如果表达式为/a/n/rbc/，则不会被匹配，因此在一般的编辑器中一个”Enter”键代表着“回车换行”，而非“换行回车”，至少在textarea域中是这样的。

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

关于js鼠标按键事件和键盘按键事件的使用方法

基于Vue-cli搭建的项目如何和后台交互的介绍

Das obige ist der detaillierte Inhalt vonInformationen zur Verwendung von RegExp-Objekten und Klammern in regulären JS-Ausdrücken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!