e 1 jaar geleden
bovenliggende
commit
cb0ccaa455

+ 30 - 0
正则/3.元字符-边界符.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <script>
+    // 1.单词边界 \b
+      var reg = /\ban\b/gi;
+      var str1 = "an Cat,is An animal";
+      console.log(str1.match(reg));
+
+    // 2.匹配字母首行 ^
+    var reg = /^ab/
+    console.log(reg.test("aabab"));
+
+    // 3.匹配字母尾行 $
+    var reg1 = /ab$/;
+    console.log(reg1.test("abbab"));
+
+    var reg2 = /^a$/;
+    console.log(reg2.test("aaa"));
+    console.log(reg2.test("a"));
+    console.log(reg2.test(" "));
+
+    </script>
+  </body>
+</html>

+ 53 - 0
正则/4.元字符-量词.html

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        // * 0次或多次
+        // const reg = /a*$/;
+        // console.log(reg.test("aa"));
+        // console.log(reg.test(" "));
+        // console.log(reg.test("aab"));
+
+        // + 1次或多次
+        // const reg = /a+$/;
+        // console.log(reg.test("aa"));
+        // console.log(reg.test(" "));
+        // console.log(reg.test("aab"));//false
+
+        // ? 0次或1次
+        // const reg = /a?a$/;
+        // console.log(reg.test("aa"));
+        // console.log(reg.test("a"));
+        // console.log(reg.test(" "));
+        // console.log(reg.test("aab"));
+
+        // {n} n次
+        // const reg = /a{2}$/;
+        // console.log(reg.test("aa"));
+        // console.log(reg.test("a"));
+        // console.log(reg.test(" "));
+        // console.log(reg.test("aab"));
+
+
+        // {n,} n次或更多次
+        const reg = /a{1,}$/;
+        // console.log(reg.test("aa"));
+        // console.log(reg.test("a"));
+        console.log(reg.test(""));
+        // console.log(reg.test("aab"));
+
+        // {n,m} n-m次
+        // const reg = /a{0,2}$/;
+        // console.log(reg.test("aa"));
+        // console.log(reg.test("a"));
+        // console.log(reg.test(" ")); 
+        // console.log(reg.test("aab"));
+
+    </script>
+</body>
+</html>

+ 38 - 0
正则/5.元字符-字符类.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        // [] 任意匹配
+        const reg = /[abc]/;
+        console.log(reg.test("ababab"));
+        console.log(reg.test("abc"));
+        console.log(reg.test("acbacb"));
+        console.log(reg.test("acacac"));
+        console.log(reg.test("dfdfdfd"));
+
+        // 连字符 -
+        const reg1 = /0-9/;//匹配数字
+        const reg2 = /a-z/;//匹配小写英文字母
+        const reg3 = /A-Z/;//匹配大写英文字母
+        const reg4 = /a-zA-Z0-9_/; //匹配英文字母+数字+下划线
+
+        // ^ 取反
+        // const reg6 = /[^0-9]/;
+        const reg6 = /\d/;
+        console.log(reg6.test("aaa"));
+
+        // . 除换行以外的任意字符
+        const reg7 = /./;
+        console.log(reg7.test("aaa"));
+        console.log(reg7.test("1234567890"));
+        console.log(reg7.test(""));// false
+        console.log(reg7.test("\n"));
+        console.log(reg7.test("\r"));
+    </script>
+</body>
+</html>

BIN
正则/元字符.jpg


+ 6 - 1
正则/总结.md

@@ -7,4 +7,9 @@
 
 ### 修饰符
 i 不区分大小写
-g 匹配全局
+g 匹配全局
+
+### 元字符
+ 1. 边界符
+ 2. 量词
+ 3. 字符类

BIN
正则/量词.jpg