正規表示式詳解及實戰

jsliang發表於2018-11-18

Create by jsliang on 2018-11-14 10:41:20
Recently revised in 2018-11-19 09:04:18

Hello 小夥伴們，如果覺得本文還不錯，記得給個 star，你們的 star 是我學習的動力！GitHub 地址

正規表示式：正則，也叫做規則，讓計算機能夠讀懂人類的規則。
正規表示式是繁瑣的，越學你會覺得越發發狂。
但是，它又是強大的。正則在我眼裡，就是作弊碼，學會之後的應用可以大大提高你的開發效率。
所以，你可以老老實實打怪，但是你用了它會覺得程式設計更爽快。

綜上，有了 jsliang 編寫這篇文章來記錄自己所學的衝動。
為此，也是靈感觸發，jsliang 寫了個 PC 小遊戲（請用電腦開啟網址）：

正則小遊戲地址

一目錄

不折騰的前端，和鹹魚有什麼區別~

目錄
一目錄
二整合
2.1 常用正則
2.2 匹配規則
2.3 常用方法
三正則旅途
3.1 初識正則
3.2 正則解析
3.3 正則練習
3.4 漸入佳境：() 匹配子項
3.5 漸入佳境：[] 字元類
四回顧總結
五文章更正

二整合

目錄

本章節整理總結了所有的參考文獻，方便日後快速回顧回憶。
如果你還沒正式開始正規表示式，請快速瀏覽跳過本章節。

精選參考文獻/視訊/手冊：

2.1 常用正規表示式

目錄

驗證姓名

2 到 9 位中文暱稱：^[\u4e00-\u9fa5]{2,9}$

驗證密碼

只能是字母、數字和下劃線，長度不限制：^\w+$
允許小寫字母 a-z、大寫字母 A-Z、數字 0-9、下劃線 _、連線符 -，且長度在 6-18 位數：/^[a-zA-Z0-9_-]{6,18}$/
必須包含數字+小寫字母+大寫字母的密碼，且長度在8-10位之間：^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$

驗證 Email

允許有一個字元符合 [A-Za-z0-9_] 之後可以為 [A-Za-z0-9_-+.] + @ + 允許有一個字元符合 [A-Za-z0-9_] 之後可以為 [A-Za-z0-9_-.] + . + 允許有一個字元符合 [A-Za-z0-9_] 之後可以有 [A-Za-z0-9_-.] 的郵箱：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

驗證身份證

18 位身份證號，尾數是數字或者字母 X：^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$
15 或者 18 位身份證號，尾數可以是數字及 X 或者 x：(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)

驗證手機號

以 1 開頭，第二位數是 3/4/5/7/8 的 11 位手機號碼：^1[3,4,5,7,8,9]\d{9}$
移動號碼：^134[0-8]\d{7}$|^(?:13[5-9]|147|15[0-27-9]|178|1703|1705|1706|18[2-478])\d{7,8}$
電訊號碼：^(?:133|153|1700|1701|1702|177|173|18[019])\d{7,8}$
聯通號碼：^(?:13[0-2]|145|15[56]|176|1704|1707|1708|1709|171|18[56])\d{7,8}|$

2.2 匹配規則

目錄

字元	描述	例子
`\`	將下一個字元標記為特殊字元、或原義字元、或向後引用、或八進位制轉義符。	`\n` 表示換行符、`\d` 匹配 [0-9] 的數字
`^`	匹配輸入字串的開始位置。	`^abc` 表示匹配有 abc 開頭的字串
`$`	匹配輸入字串的結束位置。	`^\d$` 表示匹配一個 [0-9] 的數字
`*`	匹配前面的子表示式零次或多次。	`zo` 能匹配 `z` 或者 `zoo`。`` 等價於 `{0,}`。
`+`	匹配前面的子表示式一次或多次。	`zo+` 能匹配 `zo` 或者 `zoo`，但不能匹配 `z`。`+` 等價於 `{1,}`。
`?`	匹配前面的子表示式零次或一次。	`do(es)?` 可以匹配 `does` 或 `does` 中的 `do`。`?` 等價於 `{0,1}`。
`{n}`	`n` 是一個非負整數。匹配確定的 n 次。	`o{2}` 不能匹配 `Bob` 中的 `o`，但是能匹配 `food` 中的兩個 `o`。
`{n,}`	`n` 是一個非負整數。至少匹配 n 次。	`o{2,}` 不能匹配 `Bob` 中的 `o`，但能匹配 `foooood` 中的所有 `o`。`o{1,}` 等價於 `o+`。`o{0,}` 則等價於 `o*`。
`{n,m}`	m 和 n 均為非負整數，其中 n <= m。最少匹配 n 次且最多匹配 m 次。	例如，`o{1,3}` 將匹配 `fooooood` 中的前三個 o。`o{0,1}` 等價於 `o?`。請注意在逗號和兩個數之間不能有空格。
`?`	當該字元緊跟在任何一個其他限制符 `*`、`+`、`?`、`{n}`、`{n,}`、`{n,m}` 後面時（例如 `+?`），匹配模式是非貪婪的。非貪婪模式儘可能少的匹配所搜尋的字串，而預設的貪婪模式則儘可能多的匹配所搜尋的字串。	對於字串 `oooo`，`o+?` 將匹配單個 `o`，而 `o+` 將匹配所有 `o`。
`.`	匹配除 `\n` 之外的任何單個字元。`.` 是一個很強大的元符號，請慎用。	要匹配包括 `\n` 在內的任何字元，請使用 `(.\|\n)` 的模式。要匹配小數點本身，請使用 `\.`。`a.e` 能匹配 `nave` 中的 `ave` 或者匹配 `water` 中的 `ate`
`(子表示式)`	標記一個子表示式的開始和結束位置。	`(\w)\1` 能匹配 `deep` 中的 `ee`
`(?:子表示式)`	匹配 z子表示式但不獲取匹配結果，也就是說這是一個非獲取匹配，不進行儲存供以後使用。這在使用或字元 `(\|)` 來組合一個模式的各個部分是很有用。	`industr(?:y\|ies)` 就是一個等同於 `industry\|industries` 但更簡略的正規表示式。
`(?=子表示式)`	一般用法：`××(?=子表示式)`，它的意思就是 `××` 後面的條件限制是 `?=` 後面的 `子表示式`	`Windows(?=95\|98\|NT\|2000)` 能匹配 `Windows2000` 中的 `Windows`，但不能匹配 `Windows3.1` 中的 `Windows`。`\w+(?=\.)` 能匹配 `He is. The dog ran. The sun is out.` 中的 `is`、`ran` 和 `out`
`(?!子表示式)`	類似於 `(?=子表示式)`，表示不等於後面的 `子表示式`。	`Windows(?!95\|98\|NT\|2000)` 能匹配 `Windows3.1` 中的 `Windows`，但不能匹配 `Windows2000` 中的 `Windows`。`\b(?!un)\w+\b` 能匹配 `unsure sure unity used` 中的 `sure` 和 `used`
`(?<=子表示式)`	同上。	`(?<=95\|98\|NT\|2000)Windows` 能匹配 `2000Windows` 中的 `Windows`，但不能匹配 `3.1Windows` 中的`Windows`。`(?<=19)\d{2}\b` 能匹配 `1851 1999 1950 1905 2003` 中的 `99`、`50` 和 `05`
`(?<!子表示式)`	同上。	`(?<!95\|98\|NT\|2000)Windows` 能匹配 `3.1Windows` 中的 `Windows`，但不能匹配 `2000Windows` 中的 `Windows`。`\b(?!un)\w+\b` 能匹配 `unsure sure unity used` 中的 `sure` 和 `used`
`x\|y`	匹配 x 或者 y。	`z\|food` 能匹配 `z` 或者 `food`。`(z\|f)ood` 則匹配 `zood` 或 `food`。
`[xyz]`	字符集合。匹配所包含的任意一個字元。	`[abc]` 可以匹配 `plain` 中的 `a`。
`[^xyz]`	求反。匹配未包含的任意字元。	例如，`[^abc]` 可以匹配 `plain` 中的 `p`。`[^aei]` 匹配 `reign` 中的 `r`、`g` 和 `n`
`[a-z]`	字元範圍。匹配指定範圍內的任意字元。	`[a-z]` 可以匹配 `a` 到 `z` 範圍內的任意小寫字母字元。注意：`[A-Z]` 才匹配大寫英文字母
`[^a-z]`	求反。匹配任何不在指定範圍內的任意字元。	`[^a-z]` 可以匹配任何不在 `a` 到 `z` 範圍內的任意字元。
`\b`	匹配一個單詞邊界，也就是指單詞和空格間的位置。	`er\b` 可以匹配 `never` 中的 `er`，但不能匹配 `verb` 中的 `er`。
`\B`	匹配非單詞邊界。	`er\B` 能匹配 `verb` 中的 `er`，但不能匹配 `never` 中的 `er`。
`\cx`	匹配由 x 指明的控制字元。	例如，`\cM` 匹配一個 `Control-M` 或者回車符。`x` 的值必須為 `A-Z` 或 `a-z` 之一。否則，將 `c` 視為一個原義的 `c` 字元。
`\d`	匹配一個數字字元。等價於[0-9]。	`4 = IV` 中的 `4`
`\D`	匹配一個非數字字元。等價於[^0-9]。	`4 = IV` 中的、`=`、、`I` 和 `V`
`\f`	匹配一個換頁符。等價於\x0c和\cL。	`[\f]{2,}` 能匹配 `\f\f\f` 中的 `\f\f\f`。
`\n`	匹配一個換行符。等價於\x0a和\cJ。	`\r\n(\w+)` 能匹配 `\r\nThese are\ntwo lines.` 中的 `\r\nThese`
`\r`	匹配一個回車符。等價於\x0d和\cM。	`\r\n(\w+)` 能匹配 `\r\nThese are\ntwo lines.` 中的 `\r\nThese`
`\s`	匹配任何空白字元，包括空格、製表符、換頁符等等。等價於[ \f\n\r\t\v]。	`\w\s` 能匹配 `ID A1.3` 中的 `D`
`\S`	匹配任何非空白字元。等價於[^ \f\n\r\t\v]。	`\s\S` 能匹配 `int __ctr` 中的 `_`
`\t`	匹配一個製表符。等價於\x09和\cI。	`(\w+)\t` 能匹配 `item1\titem2\t` 中的 `item1\t` 和 `item2\t`
`\v`	匹配一個垂直製表符。等價於\x0b和\cK。	`[\v]{2,}` 能匹配 `\v\v\v` 中的 `\v\v\v`
`\w`	匹配包括下劃線的任何單詞字元。等價於 `[A-Za-z0-9_]`。	`ID A1.3` 中的 `I`、`D`、`A`、`1` 和 `3`
`\W`	匹配任何非單詞字元。等價於 `[^A-Za-z0-9_]`。	`ID A1.3` 中的、`.`。

2.3 常用方法

目錄

JavaScript 正則預設：正則匹配成功就會結束，不會繼續匹配。如果想查詢全部，就要加標識 g（全域性匹配）

test()

規則：正規表示式搜尋字串指定的值，從而去匹配字串。如果匹配成功就返回 true，如果匹配失敗就返回 false。
用法：正則.test(字串)
案例：

js 程式碼片段

var str = "123abc";
var re = /\D/; // 匹配非數字
if(re.test(str)) {
  console.log("不全是數字！");
} else {
  console.log("全是數字！");
}
複製程式碼

Console：不全是數字

search()

規則：正則去匹配字串，如果匹配成功，就返回匹配成功的位置，如果匹配失敗就返回 -1
用法：字串.search(正則)
案例：

js 程式碼片段

var str = "abcdef";
var re1 = /d/i; // 3
var re2 = /h/i; // -1
console.log(str.search(re1));
console.log(str.search(re2));
複製程式碼

Console：
3
-1

match()

規則：正則去匹配字串，如果匹配成功，就返回匹配成功的陣列，如果匹配不成，就返回 null
用法：字串.match(正則)
案例：

js 程式碼片段

var str = "123fadf321dfadf4fadf1"; //(4) ["123", "321", "4", "1"]
var re = /\d+/g;
console.log(str.match(re));
複製程式碼

Console：(4) ["123", "321", "4", "1"]

replace()

規則：正則去匹配字串，匹配成功的字串去替換成新的字串。函式的第一個引數，是匹配成功的字元；第二個引數：可以是字串，也可以是一個回撥函式。
用法：字串.replace(正則,新的字串)
案例：

簡單案例

js 程式碼片段

var str = 'aaa';
var re = /a+/g;
str = str.replace(re, "b");
console.log(str); // b
複製程式碼

Console：b

敏感詞過濾

html 程式碼片段

<div class="filtering-of-sensitive-words">
  <h3>敏感詞過濾</h3>
  <p>替換前</p>
  <textarea name="before" id="" cols="30" rows="10"></textarea>
  <input type="button" value="確定" id="input1">
  <p>替換後</p>
  <textarea name="after" id="" cols="30" rows="10"></textarea>
</div>
複製程式碼

js 程式碼片段

window.onload = function() {
  var aT = document.getElementsByTagName("textarea");
  var oInput = document.getElementById("input1");

  var re = /非誠|中國船|監視之下/g;

  oInput.onclick = function() {
    // 一律單個替換： aT[1].value = at[0].value.replace(re, "*");
    // 多個替換：
    aT[1].value = aT[0].value.replace(re, function(str) {
      var result = "";
      for(var i=0; i<str.length; i++) {
        result += "*";
      }
      return result;
    });
  }
}
複製程式碼

Console
替換前：非誠勿擾在中國船的監視之下寸步難行
替換後：**勿擾在***的****寸步難行

三正則旅途

目錄

什麼是正規表示式？正規表示式：正則，也叫做規則，讓計算機能夠讀懂人類的規則。
正規表示式都是用來操作字串的。

本文學習目標：

通過小故事給小夥伴學習 JavaScript 的正規表示式
讓小夥伴能瞭解基本正規表示式的意思，並能自己寫正規表示式

3.1 初識正則

目錄

正則長咋樣？怎麼用？很簡單，三行程式碼帶你入門

var regex = /^\d+$/;
var myNumber = '123';
console.log(regex.test(myNumber)); // true
複製程式碼

上面的正則，能驗證字串 myNumber 是不是純數字組成，就這麼簡單，正則入門了！
但是，如果我要是敢就這麼結束文章，我敢保證你們想拍死我！所以，我們通過一個表示式的故事來初識正規表示式：

某天，盜賊小白給了盜賊小黑一個盒子，盒子像俄羅斯套娃一樣，有 3 層巢狀：

並且，他們約定了交易密碼提取方式：小白將給小黑提供一串字串，小黑只需要將字串中的所有相連的數字找出來，然後把它們拼接成一個新陣列，陣列的第一項就是第一個盒子的密碼，以此類推……

"abc123def456hash789" -> [123, 456, 789] - > [外層盒子1密碼, 中間層盒子2密碼, 最內層盒子3密碼]

現在假設盜賊小黑使用 JavaScript 進行常規查詢：

index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>正規表示式</title>
</head>

<body>
  <p>正規表示式 | <b>jsliang</b> 學習記錄</p>

  <script>
    window.onload = function () {
      var str = "abc123def456hash789"

      function findNum(str) {
        var arr = [];
        var tmp = '';
        for (var i = 0; i < str.length; i++) {
          if (str.charAt(i) >= "0" && str.charAt(i) <= "9") {
            tmp += str.charAt(i);
          } else {
            if (tmp) {
              arr.push(tmp);
              tmp = "";
            }
          }
        }
        if (tmp) {
          arr.push(tmp);
          tmp = "";
        }
        return arr;
      }
      console.log(findNum(str));
    }
  </script>
</body>

</html>
複製程式碼

寫到這裡，小黑覺得不妥，上面程式碼寫得太麻煩太複雜了，於是決定使用正規表示式查詢：

index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>正規表示式</title>
</head>

<body>
  <p>正規表示式 | <b>jsliang</b> 學習記錄</p>

  <script>
    window.onload = function() {
      var str = "abc123def456hash789";
      function findNum(str) {
        return str.match(/\d+/g);
      }
      console.log(findNum(str));
    }
  </script>
</body>

</html>
複製程式碼

小黑瞬間覺得自己很牛逼有木有？！只需要一行程式碼，就能解決字串查詢的時候用的一大串程式碼！

那麼，講到這裡，小夥伴們應該對正則有了個簡單的瞭解，稱熱打鐵，Here we go~

3.2 正則解析

目錄

在上文中，盜賊小黑通過使用 str.match(/\d+/g)，解決了獲取箱子密碼的問題。
那麼，這串正規表示式是什麼意思呢？我們先拋開這個，解析一串簡單的：

^[a-z0-9_-]{6,12}$

首先，^ 表示匹配字串的開始位置，結合後面的 [a-z0-9_-] 表示該字串開頭可以為 a-z 的字母，0-9 的數字，_ 下劃線，- 連線符。
然後，[a-z] 表示匹配 a-z 中任意單個字母；[0-9] 表示匹配 0-9 中任意單個數字；[_] 表示匹配下劃線；[-] 表示匹配連線符 -。所以，將前面的連起來，[a-z0-9_-] 表示字串可以包含數字、字母、_、- 這四種形式的字串。
接著，{6, 12} 表示該字串的長度為 6-12 位。
最後，$ 表示結束標誌，^ 的相反。

^ 與 $ 同時使用時，表示精確匹配。

終上所述，小夥伴們應該猜測到了這個正規表示式的用途：校驗使用者名稱。該使用者名稱只能包含字元、數字、下劃線 (_) 和連線字元 (-)，並且使用者名稱的長度最長為 12 位，最短為 6 位。

那麼，它在 JavaScript 中要如何使用呢？我們通常用 /正規表示式/ 兩個斜槓來包裹我們要寫的正規表示式：

var reg = /^[a-z0-9_-]{6,12}$/
複製程式碼

看，這樣就是一條規則了，如果你需要讓他匹配一個字串 str。那麼，只需要在程式碼中使用 test() 測試方法：

var str = 'abc-cba_abc';
var reg = /^[a-z0-9_-]{6,12}$/;
console.log(reg.test(str)); // true
複製程式碼

這樣，我們就告訴了 JavaScript：reg 通過 test() 方法去測試 str 是否符合 reg的規則，如果符合則返回 true，如果不符合則返回 false。這裡返回的是 true，因為我們的 str 是符合 reg 規則的。

test() 方法及其他好用的方法已經整合到【2.3 JS 正則方法】裡面了，迫不及待的小夥伴們可點選連結先行檢視。

下面貼出完整程式碼：

index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>正規表示式</title>
</head>

<body>
  <p>正規表示式 | <b>jsliang</b> 學習記錄</p>

  <script>
    window.onload = function() {
      var str = 'abc-cba_abc';
      var reg = /^[a-z0-9_-]{6,12}$/;
      console.log(reg.test(str)); // true
    }
  </script>
</body>

</html>
複製程式碼

3.3 正則練習

目錄

通過上面的瞭解，小夥伴對正規表示式應該有了初始的瞭解，下面我們猜測一下，下面的 Console 1 - Console 3中，哪些是 true，哪些是 false：

index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>正規表示式</title>
</head>

<body>
  <p>正規表示式 | <b>jsliang</b> 學習記錄</p>

  <script>
    window.onload = function() {
      var str = "Cheer for yourself";
      var reg1 = /^Cheer/;
      var reg2 = /yourself$/;
      var reg3 = /for/;
      console.log(reg1.test(str));
      console.log(reg2.test(str));
      console.log(reg3.test(str));
    }
  </script>
</body>

</html>
複製程式碼

答案是，這三個都返回 true。在這三個 console.log() 中：
第一個判斷該字串是否以 Cheer 開頭；
第二個判斷該字串是否以 yourself 結尾；
第三個判斷該字串是否包含 for。
在日常工作中，經常利用該方法，判斷使用者輸入的 string 裡面是否包含某些文字，例如：jsliang 是傻逼，就需要判斷替換為 jsliang 是帥哥，至於怎麼替換敏感字，迫不及待的小夥伴們可前往【2.3 JS 正則方法】先行了解~

3.4 漸入佳境：() 匹配子項

目錄

所謂匹配子項，其實就是我們的小括號 () 。它還有另外一個意思，叫分組操作。下面我們引用章節【2.2 正規表示式規則】中的定義：

表示式	釋義	用法
`(子表示式)`	標記一個子表示式的開始和結束位置。	`(\w)\1` 能匹配 `deep` 中的 `ee`

如果光解釋意思，小夥伴們可能稀裡糊塗。所以我們先上程式碼：

js 程式碼片段

var str = "2018-11-28";
var re = /(\d+)(-)/g;
str = str.replace(re, function($0, $1, $2){
  // 第一個引數：$0（母親)
  // 第二個引數：$1（第一個孩子）
  // 第三個引數：$2 (第二個孩子)
  console.log("$0：" + $0); // 2018- 以及 11-
  console.log("$1：" + $1); // 2018 以及 11
  console.log("$2：" + $2); // - 以及 -
  return $1 + '.';
});
console.log(str); // 2018.11.28
複製程式碼

Console：
$0：2018-
$1：2018
$2：-
$0：11-
$1：11
$2：-
2018.11.28

首先，我們解析下這段正則：

/(\d+)/ 表示任意 1 個及以上的數字
/(-)/ 表示匹配字元 -
g 表示匹配一次以上

所以這段正則的意思就是匹配一次及以上的 數字- 形式的字串。然後，我們使用了 replace() 方法。我們觀察 Console 列印出來的結果，可以看出：$0 即是我們的正則 var re = /(\d+)(-)/g 去匹配 var str = "2018-11-28" 所得到的結果，這裡我們匹配成功了兩次，即 2018- 及 11-；$1 即是我們的一個小括號 (\d+) 的匹配結果，所以結果為 2018 以及 11；$2 即是我們的第二個小括號 (-) 的匹配結果，所以結果為 - 以及 -。
最後，我們做的事情就是，將 $1 加上 .，並返回最終結果給 str，即最終結果：2018.11.28。

在這裡提到了 replace() 方法，詳情可瞭解：點選前往

【Once again】 如果小夥伴們感覺還是不過癮，那麼我們再來一段：

js 程式碼片段

var str = "abc";
var re = /(a)(b)(c)/;
console.log(str.match(re));
複製程式碼

Console
(4) ["abc", "a", "b", "c", index: 0, input: "abc", groups: undefined]

這裡我們不做過多講述，相信小夥伴們經過這兩個案例，應該對 () 有了一定的瞭解。

3.5 漸入佳境：[] 字元類

目錄

何為字元類？
所謂字元類，就是一組類似的元素 [] 這樣的中括號的整體，所代表一個字元。
話不多說，先上程式碼：

js 程式碼片段

var str1 = "abcd";
var re1 = /a[bcd]c/;
console.log(re1.test(str1)); // true

var str2 = "abc";
var re2 = /a[^bcd]c/;
console.log(re2.test(str2)); // false

var str3 = "a.c";
var re3 = /a[a-z0-9A-Z]c/;
console.log(re3.test(str3));  // false
複製程式碼

Console
true
false
false

首先，我們先解析第一部分：

/a/：匹配字母 a
/[bcd]/：匹配字母 bcd 中的一位
/[d]：匹配字母 d

所以，可以看出，我們用 re1 來測試 str1 是否符合，它會返回 true。

然後，我們解析第二部分：

^ 如果寫在 [] 裡面的話，就代表排除的意思。在這裡就代表著 a 和 c 中間不能是 bcd 中的任意一個

所以，可以看出，我們用 re2 來測試 str1 是否符合，它會返回 false。

最後，我們解析第三部分：

/[a-z0-9A-Z]/：匹配小寫字母 a-z，或者數字 0-9，或者大寫字母 A-Z。即 a 與 c 之間只能是上面匹配地上的字元。

所以，可以看出，我們用 re3 來測試 str3 是否符合，它會返回 false。

四回顧總結

目錄

在第三章中，我們介紹了強大之處，介紹了它的使用方法，並通過小練習、() 以及 [] 的講解，讓小夥伴們更進一步瞭解在 JavaScript 中正則的使用……
但！
這是完結嗎？！
不！
由於 jsliang 時間有限，沒法一一給小夥伴們介紹正則的樂趣及工作中如何使用正則提高工作效率。
所以，在第二章【整合】中，jsliang 整合網上資源，記錄了一些常用的正則工具，裡面有很多東西，是在這篇文章中沒有涉及的，有興趣的小夥伴可以逐一嘗試加深對正則的瞭解。

————For the end————
在編寫這篇文章中，jsliang 玩性大發寫下了下面的遊戲（請用電腦檢視）：

遊戲地址：天下第一武道會
程式碼地址：github.com/LiangJunron…

五文章更正

目錄

掘金評論 2018-11-20

型別：內容錯誤
反饋使用者：Kaelalv
反饋內容：3.2內容中對這段程式碼解析時：

var str = 'abc-cba_abc'; 
var reg = /^[a-z0-9_-]{6,12}$/; 
console.log(reg.test(str)); // true 
複製程式碼

作者手誤，打錯：不符合則返回 true；正確：不符合則返回 false。

反饋處理：已更正，謝謝反饋

如果小夥伴們覺得本文還不錯，記得掘金給個贊並去 GitHub 點個 star，你們的 star 是我學習的動力！GitHub 地址

jsliang 的文件庫由樑峻榮採用知識共享署名-非商業性使用-相同方式共享 4.0 國際許可協議進行許可。
基於github.om/LiangJunron…上的作品創作。
本許可協議授權之外的使用許可權可以從 creativecommons.org/licenses/by… 處獲得。

詳解正規表示式
2020-07-21
正規表示式詳解
2017-08-25
Oracle中的正規表示式(及函式)詳解
2018-09-10
Oracle函式
實戰JS正規表示式
2016-02-04
JS
正規表示式?:用法詳解
2017-03-15
Java 正規表示式詳解
2016-05-03
Java
grep正規表示式詳解
2015-09-01
正規表示式分組詳解
2018-08-19
詳解 Python 正規表示式
2020-11-20
Python
MySQL-正規表示式詳解
2022-06-11
MySql
Python正規表示式詳解
2023-11-24
Python
Linux正規表示式詳解
2023-12-11
Linux
JS之正規表示式詳解
2017-09-21
JS
Javascript正規表示式詳解（一）
2014-05-22
JavaScript
JS正規表示式使用詳解
2014-05-07
JS
正規表示式使用詳解(轉)
2007-08-11
正規表示式-基礎實戰篇
2015-11-11
Python 正規表示式模組詳解
2018-11-02
Python
js正規表示式常用函式詳解（續）
2022-03-22
JS函式
Python正規表示式 findall函式詳解
2018-03-20
Python函式
Python正規表示式常用函式詳解
2017-09-21
Python函式
正規表示式教程之操作符及說明詳解
2022-03-16
正規表示式教程之位置匹配詳解
2022-03-15
正規表示式分組例項詳解
2022-03-16
JS基礎篇–正規表示式詳解
2014-02-17
JS
Sed 命令詳解正規表示式元字元
2015-06-25
字元
JS常用正規表示式及驗證時間的正規表示式
2022-03-19
JS
ORACLE正規表示式函式詳解--轉載整理
2013-11-01
Oracle函式
EditPlus中的正規表示式實戰(1)
2022-03-18
EditPlus中的正規表示式實戰(5)
2022-03-18
EditPlus中的正規表示式實戰(6)
2022-03-18
Python3之正規表示式詳解
2019-07-25
Python
PHP正規表示式模式修飾符詳解
2018-12-04
PHP模式
正規表示式regular expression詳述
2004-08-21
Express
正規表示式教程之匹配單個字元詳解
2022-03-15
字元
正規表示式教程之匹配一組字元詳解
2022-03-16
字元
Linux grep 命令中的正規表示式詳解
2016-01-28
Linux
正規表示式實踐文章
2016-12-09

正規表示式詳解及實戰

相關文章