Heim > Artikel > Web-Frontend > Zusammenfassung des JavaScript-Lernens (7) JS RegExp_javascript-Kenntnisse
In js wird ein regulärer Ausdruck durch ein RegExp-Objekt dargestellt. RegExp ist die Abkürzung für regulären Ausdruck. Das einfache RegExp-Muster kann aus einem einzelnen Zeichen bestehen. Komplexere Muster umfassen mehr Zeichen und können zum Parsen, zur Formatprüfung, zum Ersetzen usw. verwendet werden. Sie können einen RegExp()-Konstruktor verwenden, um ein RegExp-Objekt zu erstellen, oder Sie können eine Literalsyntax verwenden.
1. Einführung in RegExp.
RegExp ist ein regulärer Ausdruck (regulärer Ausdruck, im Code oft als Regex, Regexp oder RE/re/reg abgekürzt), der eine einzelne Zeichenfolge verwendet, um eine Reihe von Zeichenfolgensuchmustern zu beschreiben und abzugleichen, die einer bestimmten Syntaxregel entsprechen Der Suchmodus ist für die Textsuche und Textersetzung verfügbar.
Regulärer Ausdruck ist ein Suchmuster, das aus einer Zeichenfolge besteht. Wenn Sie nach Daten im Text suchen, können Sie das Suchmuster verwenden, um den Inhalt zu beschreiben, den Sie abfragen möchten. Das heißt, der reguläre Ausdruck ist ein Objekt das das Zeichenmuster beschreibt, das zum Abgleichen von Zeichenfolgenmustern und zum Suchen und Ersetzen verwendet werden kann. Es ist ein leistungsstarkes Werkzeug zum Durchführen von Mustervergleichen bei Zeichenfolgen.
Der sogenannte reguläre Ausdruck kann direkt als Regel- oder Musterausdruck verstanden werden, der eine bestimmte Regel ausdrückt, die ein Computer verstehen kann, aber ein Textausdruck ist, der für normale Menschen schwer zu verstehen ist Alle Textsuchen und Textersetzungen bestehen, vereinfacht gesagt, darin, Zeichenfolgen zu verarbeiten.
2. String-Methode.
(1), charAt() Holen Sie sich ein bestimmtes Zeichen und geben Sie ein bestimmtes Zeichen in der Zeichenfolge zurück.
(2), split() Teilen Sie die Zeichenfolge und erhalten Sie ein Array.
(3), search()Suchen Sie die Position, an der ein bestimmtes Zeichen zum ersten Mal erscheint. Es ist besser, es mit regulären Ausdrücken zu verwenden. Wenn es nicht gefunden wird, wird -1 zurückgegeben.
(4), match()Suchen Sie das angegebene Zeichen in der Zeichenfolge und geben Sie das Zeichen zurück. Wenn Sie keine regulären Ausdrücke verwenden, wird nur das erste Vorkommen des angegebenen Zeichens zurückgegeben und es wird kein Rückwärtsabgleich durchgeführt. Wenn Sie reguläre Ausdrücke verwenden und einen globalen Abgleich durchführen, werden alle angegebenen Zeichen in der Zeichenfolge in Array-Form zurückgegeben oder null zurückgegeben, wenn sie nicht gefunden werden.
(5), replace() Ersetzen Sie Zeichen und geben Sie eine neue Zeichenfolge zurück. Es wird besser mit regulären Ausdrücken verwendet und kann alle Übereinstimmungen ersetzen.
<script> var str='abcdefgca'; //返回字符串中某一位的字符。 alert(str.charAt()); //返回:d //查找字符串首次出现的位置。 alert(str.search('z')); //返回:- //查找指定的字符。 //只返回第一次出现的c,不再向后匹配。 alert(str.match('c')); //返回:c //将'a'替换为'i'。 //只替换了第一个位置的a,不再向后匹配。 alert(str.replace('a', 'i')); //返回:ibcdefgca //分割字符串。 var str='--aaa--cd'; var arr=str.split('-'); //返回:,,aaa,,cd alert(arr); </script>
Beispiel: Verwenden Sie gewöhnliche Methoden, um alle Zahlen in einer Zeichenfolge zu finden
Implementierungsidee: Es ist nicht schwierig, die Zahlen in der Zeichenfolge zuerst zu extrahieren. Dann muss die Zeichenfolge mehr als eine Zahl enthalten, daher ist eine leere Zeichenfolge erforderlich . Extrahieren Sie die numerischen Zeichen, fügen Sie diese numerischen Zeichen dann zum Array hinzu und kehren Sie schließlich zurück, und schon sind Sie fertig. Schauen wir uns an, wie das Programm umgesetzt wird:
<script> var str=' abc d aa c zz -=-=s-'; var arr=[]; var num=''; //首先循环遍历字符串 for(var i=;i<str.length;i++){ //再判断当前字符大于等于并且小于等于,则为数字 if(str.charAt(i)>='' && str.charAt(i)<=''){ //那么就将当前的字符存储在空字符串中 num += str.charAt(i); } else{ //如果字符串中有值。 if(num){ //将值添加到数组中。 arr.push(num); //再清空字符串,避免重复添加。 num=''; } } } //最后在整个字符串结束之后有可能还会有数字,再做一次判断。 if(num){ //如果还有值就添加到数组中。 arr.push(num); //再清空字符串。 num=''; } //返回:OK,现在返回就完成了。 alert(arr); //返回:,,,,,,, </script>
Obwohl es mit gewöhnlichen Methoden vervollständigt werden kann und eine klare Struktur hat, ist der Code relativ lang. Wenn Sie reguläre Ausdrücke verwenden, kann ein Ausdruck so viel Arbeit erledigen, was sehr praktisch ist Verwenden Sie reguläre Ausdrücke.
3. Verwenden Sie regelmäßige Regeln.
Syntax für reguläre Ausdrücke: var re = new RegExp('pattern', 'modifier');
Das Muster ist das Muster des Ausdrucks, und der Modifikator wird verwendet, um globale Übereinstimmung, Groß- und Kleinschreibung usw. anzugeben. Das vollständige Formular ist ein regulärer Ausdruck.
Wenn man bedenkt, dass die reguläre Syntax so aussieht, handelt es sich dabei nicht um die typische Syntax für neu erstellte Objekte in JS? Das bedeutet übrigens, dass ein neues reguläres Objekt erstellt wird. Wir alle wissen, dass wir versuchen sollten, die Verwendung des neuen Schlüsselworts zu vermeiden, was auch bedeutet, dass es eine gewisse Menge an Speicherplatz belegt. Bei unsachgemäßer Handhabung führt eine übermäßige Ansammlung zu einem Speicherüberlauf ziemlich teure Ressourcen, was der Implementierung der Codeoptimierung nicht förderlich ist. Gleichzeitig spiegelt diese Schreibweise nicht die Kraft der Regelmäßigkeit wider. Daher wird in der tatsächlichen Verwendung keine reguläre Syntax im JS-Stil verwendet 🎜>
Syntax: var re = /mode/modifier;Dieser Stil ist relativ prägnant und eine Ausdrucksweise, die normale Menschen nicht verstehen können.
(1), Modifikator.
Der Modifikator wird verwendet, um einen globalen Abgleich und die Berücksichtigung der Groß-/Kleinschreibung durchzuführen.
Groß-/Kleinschreibung ignorieren: i (Abkürzung für „Ignorieren“, chinesische Übersetzung lautet: „Ignorieren“)
Globale Übereinstimmung: g (Abkürzung für global, chinesische Übersetzung: all/global)
Beispiel: Globale Suche nach angegebenen Zeichen
<script> var str='AbCdEFgiX'; //JS风格: //这个正则表达式什么也不代表,只代表abc本身。 var reg=new RegExp('abc', 'i'); alert(str.match(reg)); //返回:AbC //常用风格: var re=/efg/i; alert(str.match(re)); //返回:EFg </script>
4. Eckige Klammern und Metazeichen.
(1), eckige Klammern.Eckige Klammern werden verwendet, um Zeichen innerhalb eines bestimmten Bereichs zu finden.
①、Beliebiges Zeichen
Ausdruck: [abc]
Suchen Sie nach einem beliebigen Zeichen in eckigen Klammern.
[] bedeutet hier oder, das heißt, was auch immer erscheint, reicht aus.
<script> var str='apc xpc ppc bpc spc opc'; //[apx]pc,随便出现哪个都行,即:apc ppc xpc var re=/[apx]pc/g; alert(str.match(re)); //返回前个pc。 </script>
②、范围查找。
表达式:[0-9] [a-z] [A-z] [A-Z]
[0-9] 查找任意 0 - 9 的数字。
[a-z] 查找任意 a - z 的字符。
[A-z] 查找任意 大写A - 小写z 的字符。
[A-Z] 查找任意 大写A - 大写Z的字符。
③、排除查找。
表达式:[^abc] [^a-z] [^0-9]
[^abc] 查找任意不在方括号中的字符。
[^a-z] 查找任意除了字母以外的字符,包括数字符号中文外文。
[^0-9] 查找任意除了数字以外的字符,包括字母符号中文外文。
<script> var str='ot out o.t o t o`t ot ot'; //o和t中间除了数字,什么都可以 var re=/o[^-]t/g; alert(str.match(re)); //返回:out,o.t,o t,o`t </script>
④ Wählen Sie „Suche“.
Ausdruck: (a|b|c)
Suchen Sie eine beliebige angegebene Option, a oder b oder c.
⑤. Beim Matching kann auch der Kombinationsmodus verwendet werden, z. B.: [a-z0-9A-Z] [^a-z0-9]
[a-z0-9A-Z] Alle Groß- und Kleinbuchstaben und Zahlen.
[^a-z0-9] Alles außer Buchstaben und Zahlen ist akzeptabel.
(2) Metazeichen.
Metazeichen sind Zeichen mit besonderer Bedeutung und können auch als Escape-Zeichen bezeichnet werden.
Im Folgenden sind einige häufig verwendete Metazeichen aufgeführt:
Metazeichen | Beschreibung | Verwenden Sie |
. | Sucht ein einzelnes Zeichen, das ein beliebiges Zeichen darstellt, mit Ausnahme von Zeilenumbrüchen und Zeilenabschlüssen. | Es wird nicht empfohlen, es zu verwenden, es ist anfällig für Probleme. |
w | Suchen Sie Wortzeichen, einschließlich englischer Zahlen und Unterstriche, entsprechend [a-z0-9] | /w/ |
W | Suchen Sie Nicht-Wort-Zeichen, äquivalent zu [^a-z0-9] | /W/ |
d | Suchen Sie eine Zahl, die [0-9] entspricht | /d/ |
D | Suchen Sie Nicht-Ziffern, äquivalent zu [^0-9] | /D/ |
s | Suchen Sie nach Leerzeichen, einschließlich Leerzeichen, Wagenrückläufen, Tabulatoren, Zeilenvorschüben und Formularvorschüben. Nicht druckbare Zeichen können nicht angezeigt werden. | /s/ |
S | Suchen Sie nach Zeichen, die keine Leerzeichen sind. | /S/ |
b | Sucht eine Übereinstimmung am Anfang oder Ende des Worts oder gibt null zurück, wenn keine Übereinstimmung gefunden wird. | /b/ |
B |
Suchen Sie Übereinstimmungen, die keine Wortgrenzen sind, das heißt, sie stehen nicht am Anfang oder Ende. Die Art der vorherigen und nächsten Zeichen an der Übereinstimmungsposition ist gleich: das heißt, es müssen beide Wörter sein , oder beide müssen Nicht-Wörter sein, am Anfang und Ende der Zeichenfolge gelten als Nicht-Wort-Zeichen. Wenn keine Übereinstimmung vorliegt, wird Null zurückgegeben. |
/B/ |
n | Sucht nach einem Zeilenumbruchzeichen und gibt diese Position zurück, wenn es gefunden wird, oder -1, wenn es nicht gefunden wird. | /n/ |
f | Seitenumbrüche finden. | /f/ |
r | Suchen Sie nach dem Wagenrücklaufzeichen. | /r/ |
t | Tabulatorzeichen suchen. |
5. Quantifizierer.
Der sogenannte Quantor ist ein Quantor, also eine Zahl. Er wird in regulären Ausdrücken verwendet, um die Anzahl der Vorkommen auszudrücken.
Im Folgenden sind einige häufig verwendete Quantoren aufgeführt:
Quantifizierer | Beschreibung | Verwenden Sie |
* | Null oder beliebig oft, entspricht {0,} | Nicht empfohlen, der Bereich ist zu breit und nicht präzise genug. |
? | Null oder einmal, entspricht {0, 1} | /10?/g Führt eine globale Suche nach 1 durch, einschließlich der Null oder 1 „0“, die unmittelbar darauf folgt. |
einmal oder beliebig oft, entspricht {1, } | /w /g Führen Sie eine globale Suche nach mindestens einem Wort durch. | |
{n} | Genau n-mal | /d{4}/g führt eine globale Suche nach vierstelligen Zahlen durch. |
{n,} | Mindestens n-mal, höchstens unbegrenzt | /d{3,}/g Führt eine globale Suche nach Zahlen durch, die mindestens drei Ziffern enthalten. |
{n, m} | Mindestens n-mal, höchstens m-mal | /d{3,4}/g Führt eine globale Suche nach Zahlen mit drei oder vier Ziffern durch. |
Im Folgenden sind einige häufig verwendete Übereinstimmungsmuster aufgeführt:
Modus | Beschreibung | Verwenden Sie |
^a | Jedes Zeichen, das mit einem beginnt, bedeutet den Anfang der Zeile | /^d/ Beginnt mit einer Zahl /^a/g Globale Suche nach Zeichen, die mit „a“ beginnen |
a$ | Jedes Zeichen, das mit a endet und das Ende der Zeile anzeigt | /d$/ Endend mit einer Zahl /z$/g Globale Suche nach Zeichen, die mit „z“ enden |
?=a | Jedes Zeichen gefolgt von einem | /a(?= b)/g Globale Suche nach „a“ gefolgt von „b“-Zeichen |
?!a | Jedes Zeichen, dem kein | folgt/c(?= d)/g Globale Suche nach Zeichen, die nicht auf „d“ nach „c“ folgen |
6、字符串和正则配合。
(1)、search()配合正则
实例:找出字符串中第一次出现数字的位置
<script> var str='asdf zxcvbnm'; //元字符d,表示转义为数字 var re=/\d/; alert(str.search(re)); //返回: 第一个数字为出现在第位 </script>
(2)、match()配合正则
其实没有什么东西是非正则不可的,只是正则可以让做东西更方便。下面就完成本章遗留的历史问题,怎么使用正则,能一句代码就完成普通方法需要很多行代码才能完成的东西。
在实例之前,先看看match()与正则的配合。
<script> var str='asdf zxcvm'; //找出字符串中的数字可以使用元字符\d var re=/\d/; //没告诉系统要找多少数字,系统在找到数字后就返回 alert(str.match(re)); //返回: //因此需要全局匹配,使用修饰符g var re=/\d/g; //没告诉系统要找几位,系统会将所有找到的数字返回 alert(str.match(re)); //返回:,,,,,,,,,,,, //所以可以使用两个元字符,告诉系统要找的数字是位 var re=/\d\d/g; //显然这样是不可取的,因为数字的位数并不固定,可能是位,有可能还是多位 alert(str.match(re)); //返回:,,,, //所以需要用到量词+,+代表若干,也就是多少都可以。 var re=/\d+/g; //现在返回正确。 alert(str.match(re)); //返回:,,,, </script>
实例:使用正则找出字符串中所有数字
<script> var str=' abc d aa c zz -=-=s-'; //alert(str.match(/\d+/g)); //元字符d也可以使用[-]代替,到随便哪个都行。 alert(str.match(/[-]+/g)); //返回:,,,,,,, </script>
正则是强大的字符串匹配工具,就这样简单的使用一句代码就完成了。
(3)、replace()配合正则
<script> var str='abc zaaz deaxcaa'; //将字符串中的a替换为数字 alert(str.replace('a', )); //仅仅只将第一个a替换为 //配合正则使用匹配所有a再替换 var re=/a/g; alert(str.replace(re, '')); //返回所有的a都为 </script>
实例:简单的敏感词过滤
所谓的敏感词,就是法律不允许的词语,一切非法词都可以叫做敏感词,这包括的范围就太广了,比如危害国家安全,反对宪法确立的基本原则,散步谣言,扰乱民心,扰乱社会秩序,破坏社会稳定,色情、暴力、赌博、虚假、侵害、骚扰、粗俗、猥亵或其他道德上令人反感的词,以及含有法律规定或禁止的其他内容的词语。在平时最常见也是大多数人都会用的词莫属道德上令人反感的词了,说斯文一点就是吵架时用于攻击别人的词语。这里就列举几个热门的网络词语作为例子。
<!DOCTYPE html> <html> <head> <meta charset="UTF-"> <title>JavaScript实例</title> <script> window.onload=function (){ var oBtn=document.getElementById('btn'); var oTxt=document.getElementById('txt'); var oTxt=document.getElementById('txt'); oBtn.onclick=function (){ //这里的|在正则中表示 或 的意思 var re=/元芳|萌萌哒|然并卵|毛线|二货|城会玩/g; //文本框的值等于文本框的值过滤掉敏感词 oTxt.value=oTxt.value.replace(re,'***'); }; }; </script> </head> <body> <textarea id="txt" rows="" cols=""></textarea><br> <input id="btn" type="button" value="过滤"><br> <textarea id="txt" rows="" cols=""></textarea> </body> </html>
可在第一个文本框中输入一些相关语句,点击过滤按钮,查看过滤后的效果。
此外,支持正则表达式的 String 对象的方法还包括 split() 方法,可把字符串分割为字符串数组。
7、RegExp对象方法。
在JS中,RegExp对象是一个预定义了属性和方法的正则表达式对象。
(1)、test()
test() 方法用于检测一个字符串是否匹配某个模式,也就是检测指定字符串是否含有某个子串,如果字符串中含有匹配的文本,返回 true,否则返回 false。
语法:RegExpObject.test(str)
调用 RegExp 对象 re 的 test() 方法,并为它传递字符串str,与这个表示式是等价的:(re.exec(str) != null)。
实例:搜索字符串是否含有指定的字符
<script> var str='The best things in life are free, like hugs, smiles, friends, kisses, family, love and good memories.'; var re=/i/; alert(re.test(str)); //返回:true var reg=/z/; alert(reg.test(str)); //返回:false //上面的代码可以不用定义正则的变量,直接使用,将两行合并为一行。 alert(/i/.test(str)); alert(/z/.test(str)); </script>
(2)、exec()
exec() 方法用于检索字符串中的正则表达式的匹配,提取指定字符串中符合要求的子串,该方法返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回 null。可以使用循环提取所有或者指定index的数据。
语法:RegExpObject.exec(str)
exec() 方法的功能非常强大,它是一个通用的方法,可以说是test() 方法的升级版,因为他不仅可以检测,而且检测到了可以直接提取结果。该方法使用起来比 test() 方法以及支持正则表达式的 String 对象的方法更为复杂。
<script> var str = 'good good study day day up'; var re = /good/; var arr = re.exec(str); console.log(arr); //控制台显示:["good"]点开后显示: "good",index ,input "good good study day day up"。 console.log(arr.index); //控制台显示: console.log(arr.input); //控制台显示:good good study day day up </script>
通过上面的实例,可以看到,如果 exec() 找到了匹配的文本,则返回一个结果数组。否则,返回 null。此数组的第 0 个元素是与正则表达式相匹配的文本,第 1 个元素是与 RegExpObject 的第 1 个子表达式相匹配的文本(如果有的话),第 2 个元素是与 RegExpObject 的第 2 个子表达式相匹配的文本(如果有的话),以此类推。
除了数组元素和 length 属性之外,exec() 方法还返回两个属性。index 属性声明的是匹配文本的第一个字符的位置。input 属性则存放的是被检索的字符串 string。我们可以看出,在调用非全局的 RegExp 对象的 exec() 方法时,返回的数组与调用方法 String.match() 返回的数组是相同的。
什么是"与子表达式相匹配的文本"?
所谓的子表达式就是正则表达式中包含在圆括号中的内容。看下面实例:
<script> var str = 'good good study day day up'; var re = /g(o+)d/; var arr = re.exec(str); console.log(arr); //显示:["good", "oo"]点开后显示: "good", "oo", index ,input: "good good study day day up" console.log(arr.length); //显示: var reg = /(o+)/; //var reg = /o+/; 只返回一个"oo",长度为 var arr = reg.exec(str); console.log(arr); //显示:["oo", "oo"]点开后显示: "oo", "oo", index ,input: "good good study day day up" console.log(arr.length); //显示: </script>
通过上例,可以看到,子表达式是一个大的表达式的一部分,并且必须用()包含起来。一个表达式可使用多个子表达式,同时还支持多层嵌套,把一个表达式划分为多个子表达式的目的是为了把那些子表达式当作一个独立的元素来使用。也就是说表达式中的子表达式可以作为整个表达式返回,也可以作为一个单独的表达式返回。所以上面的数组长度为 2。
使用子表达式是为了提取匹配的子字符串,表达式中有几个()就有几个相应的匹配字符串,顺序会依照()出现的顺序依次进行,并且()中可以使用 或"|" 进行多个选择。也就是说可以使用()对字符进行分组,并保存匹配的文本。
如果该方法使用全局匹配,则找到第一个指定字符,并存储其位置,如果再次运行 exec(),则从存储的位置(lastIndex)开始检索,并找到下一个指定字符,存储其位置。lastIndex属性是RegExp对象属性,是一个整数,标示开始下一次匹配的字符位置。看下面实例:
<script> var str = 'good good study day day up'; var re = /good/g; var arr; do{ arr = re.exec(str); console.log(arr); console.log(re.lastIndex); } while(arr !== null) /* 结果如下: 显示:["good"],点开后: "good", index , input "good good study day day up"。 lastIndex为。 显示:["good"],点开后: "good", index , input "good good study day day up"。 lastIndex为。 显示:null lastIndex为。 */ </script>
在调用非全局的 RegExp 对象的 exec() 方法时,返回的数组与调用 String.match() 返回的数组是相同的。但是,当 RegExpObject 是一个全局正则表达式时,exec() 的行为就稍微复杂一些。它会在 RegExpObject 的 lastIndex 属性指定的字符处开始检索字符串 string。当 exec() 找到了与表达式相匹配的文本时,在匹配后,它将把 RegExpObject 的 lastIndex 属性设置为匹配文本的最后一个字符的下一个位置。这就是说,可以通过反复调用 exec() 方法来遍历字符串中的所有匹配文本。当 exec() 再也找不到匹配的文本时,它将返回 null,并把 lastIndex 属性重置为 0。
通过上面实例,可以看到,当第三次循环时,找不到指定的 "good",于是返回null,lastIndex值也变成0了。找到的第一个"good"的lastIndex值为4,是匹配文本最后一个字符的下一个位置。
<script> var str = 'good good study day day up'; var re = /good/g; var arr; while((arr = re.exec(str)) != null){ console.log(arr); console.log(re.lastIndex); } /* 结果如下: 显示:["good"],点开后: "good", index , input "good good study day day up"。 lastIndex为。 显示:["good"],点开后: "good", index , input "good good study day day up"。 lastIndex为。 */ </script>
这里需要注意,如果在一个字符串中完成了一次模式匹配之后要开始检索新的字符串(仍然使用旧的re),就必须手动地把 lastIndex 属性重置为 0。
无论 RegExpObject 是否是全局模式,exec() 都会把完整的细节添加到它返回的数组中。这就是 exec() 与 String.match() 的不同之处,后者在全局模式下返回的信息要少得多。因此可以这么认为,在循环中反复地调用 exec() 方法是唯一一种获得全局模式的完整模式匹配信息的方法。
(3)、compile
compile() 方法用于在脚本执行过程中编译正则表达式,也可用于改变和重新编译正则表达式。主要作用是改变当前(re)匹配模式。
语法:RegExpObject.compile(模式, 修饰符)
模式就是正则表达式,修饰符用于规定匹配的类型,g匹配全局,i忽略大小写,gi全局匹配忽略大小写。
该方法是改变匹配模式时使用的,一般情况下,能用到的地方很少。
实例:在全局中忽略大小写 搜索"day",并用 "天" 替换,然后通过compile()方法,改变正则表达式,用 "日" 替换 "Today" 或 "day"。
<script> var str = 'Today is a beautiful day, Day day happy!'; var re = /day/gi; var str = str.replace(re, '天'); console.log(str); //输出:To天 is a beautiful 天, 天 天 happy! reg = /(to)?day/gi; reg.compile(reg); str = str.replace(reg, '日'); console.log(str); //输出:日 is a beautiful 日, 日 日 happy! </script>
8. Regelmäßige Anwendung.
Reguläre Ausdrücke werden auch als reguläre Ausdrücke bezeichnet. Beim Schreiben ist der Vorgang also der gleiche wie beim Schreiben von JS: Zuerst nachdenken und dann schreiben. Das Wichtigste ist, die Regeln zu verstehen, die er ausdrücken möchte. Schauen Sie sich zunächst sorgfältig das Erscheinungsbild an, um zu sehen, wie es aussieht, d Wenn nicht, wird die direkte Beschreibung des Formats nicht den erwarteten Effekt erzielen. Glücklicherweise ist unser Hauptrahmen bereits vorhanden, und wir müssen nur wissen, was schief gelaufen ist Sie können auf der Grundlage dieses Frameworks einfach geringfügige Änderungen vornehmen, und am Ende erhalten Sie einen perfekten Ausdruck. Wenn Sie beispielsweise einen regulären Ausdruck schreiben möchten, um eine Mobiltelefonnummer zu überprüfen, weiß jeder, dass die Mobiltelefonnummer aus 11 Ziffern besteht, alle Zahlen, und der Anfang ist 1, gefolgt von 2 Ziffern. Aufgrund unterschiedlicher Operatoren kann dies der Fall sein Seien Sie viele Kombinationen, gefolgt von 8 Die Ziffern sind beliebige Zahlen, daher können wir festlegen, dass der Anfang 1 sein muss, die nächsten 2 Ziffern entsprechend den von jedem Operator bereitgestellten unterschiedlichen Kombinationen begrenzt sind und schließlich 8 Ziffern einer beliebigen Zahl eingeben. Auf diese Weise gibt es auch nach Fertigstellung des Hauptrahmens besondere Umstände für Mobiltelefonnummern. Beispielsweise kann das Hinzufügen von 86 vor der Mobiltelefonnummer weiterhin verwendet werden. Diese Situation müssen wir berücksichtigen Andernfalls muss der Benutzer seine Mobiltelefonnummer eingeben und dann auf „Erwähnen“ klicken. Das von Ihnen eingegebene Fenster wird nicht erkannt Sie müssen also nur das Framework ändern und diese Situation berücksichtigen, und schon sind Sie fertig.
Es scheint also, dass reguläre Ausdrücke sehr einfach sind, aber in Wirklichkeit sind sie ziemlich schwierig. Warum bist du so diao? Letztendlich ist es diese Art von Ausdruck, die für normale Menschen schwer zu verstehen ist. Als ich ihn schrieb, wusste ich genau, was er ausdrückte. Nach einer Weile blickte ich zurück und dachte: „Oh mein Gott, warum nicht?“ Erkenne ich es nicht? Tatsächlich ist dies ein Prozess, bei dem Übung den Meister macht. Ich erinnere mich, dass es einen Text gab, in dem es hieß: „Ein gutes Gedächtnis ist nicht so gut wie ein schlechter Stift.“