正則表達式詳解及實戰

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

 Hello 小夥伴們，若是以爲本文還不錯，記得給個 star，大家的 star 是我學習的動力！GitHub 地址

 【2019-08-16】Hello 小夥伴們，因爲 jsliang 對文檔庫進行了重構，這篇文章的一些連接可能失效，而 jsliang 沒有精力維護掘金這邊的舊文章，對此深感抱歉。請須要獲取最新文章的小夥伴，點擊上面的 GitHub 地址，去文檔庫查看調整後的文章。

 正則表達式：正則，也叫作規則，讓計算機可以讀懂人類的規則。
 正則表達式是繁瑣的，越學你會以爲愈加發狂。
 可是，它又是強大的。正則在我眼裏，就是做弊碼，學會以後的應用能夠大大提升你的開發效率。
 因此，你能夠老老實實打怪，可是你用了它會以爲編程更爽快。

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

• 正則小遊戲地址

一 目錄

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

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

二 整合

目錄

 本章節整理總結了全部的參考文獻，方便往後快速回顧回憶。
 若是你還沒正式開始正則表達式，請快速瀏覽跳過本章節。

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

• 正則表達式-教程 | 菜鳥教程
• 正則表達式在線測試 | 菜鳥教程
• 正則表達式手冊 | 開源中國社區
• 鬼斧神工之正則表達式 | 慕課網
• 正則表達式真的很 6，惋惜你不會寫 | 前端之巔
• 正則表達式 - 快速參考 | Miscrosoft Docs
• 揭開正則表達式的神祕面紗 | 正則工做室
• 正則表達式 JavaScript | MDN

2.1 經常使用正則表達式

目錄

1. 驗證姓名

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

2. 驗證密碼

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

3. 驗證 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+)*$

4. 驗證身份證

• 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)$)

5. 驗證手機號

• 以 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（全局匹配）

1. test()

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

js 代碼片斷

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

Console：不全是數字

2. 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

3. 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"]

4. 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
替換前：非誠勿擾在中國船的監視之下步履維艱
替換後：**勿擾在***的****步履維艱

三 正則旅途

目錄

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

 本文學習目標：

1. 經過小故事給小夥伴學習 JavaScript 的正則表達式
2. 讓小夥伴能瞭解基本正則表達式的意思，並能本身寫正則表達式

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…

五 文章更正

目錄

1. 掘金評論 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… 處得到。