學習筆記——正則匹配方法整理

時間  2019-11-06
標籤 學習 筆記 正則 匹配 方法 整理 欄目 正則表達式 简体版
原文   原文鏈接

前言

正則在js中是一類比較特殊的對象，它能夠匹配各個場景須要的格式驗證，例如郵箱、手機號、用戶登陸名、密碼等等，彷佛無處不在，在常見的字符串檢索或替換中，咱們須要提供一種模式表示檢索或替換的規則，來匹配一系列符合某個句法規則的字符串。正則表達式

如下是正則的較爲官方的解釋：算法

正則表達式是用於匹配字符串中字符組合的模式。在 JavaScript中，正則表達式也是對象。這些模式被用於 RegExp 的 exec 和 test 方法, 以及 String 的 match、replace、search 和 split 方法。數組

言歸正傳，上代碼！bash

1. 建立正則表達式（如下有兩種方式來參考）：

(1)使用正則表達式的構造函數（new 的方式來建立）app

let regex = new RegExp("a")

let regex = new RegExp("^[a-zA-Z]",'g') ;    //當使用引號時沒必要再加反斜槓’／’

let regex = new RegExp(/^[a-zA-Z]/,'gi');      //當有斜槓時就 不用再加引號 

複製代碼

(2)建立字面量（由兩個斜槓’／／'包裹須要匹配的內容）ide

let regex = /ab/ ;

let regex=/^[a-zA-Z]/ ;
複製代碼

這兩種方式均可以來建立一個正則表達式，可是相對來講第二種方式更加經常使用一些。函數

2.正則表達式的參數，寫在//後面，可混合使用

字符 匹配規則 舉例
global(簡寫：g) 全局匹配（修飾符，混合） /./g.test("asdsd") //true
ignoreCase(簡寫：i) 匹配所有大小寫（修飾符，混合） /a/i.test("A") //true
multiline(簡寫：m) 多行匹配（修飾符，混合） /good/m.test("an\n good boy") //true
s 與m相反，單行匹配（修飾符，混合） /\abc\s/.test("sdf\nabc") //false
  • g 全局匹配;找到全部匹配，而不是在第一個匹配後中止
  • i 匹配所有大小寫
  • m 多行; 將開始和結束字符（^和$）視爲在多行上工做（也就是，分別匹配每一行的開始和結束（由 \n 或 \r 分割），而不僅是隻匹配整個輸入字符串的最開始和最末尾處。
  • s 與m相反，單行匹配
let regex=/^[a-zA-Z]/gim ;
複製代碼

3. 正則中經常使用方法以及字符串中與正則相關的方法

（1）test()方法檢索字符串中的值是否匹配給出的正則規則,返回布爾值 true或false。post

檢索"ab"是否匹配前面的正則表達式 /../，正確返回true，不匹配返回false測試

/../.test("ab");        // true。  
複製代碼

（2）exec()方法檢索字符串中的指定值，若是找到匹配的文本，則返回一個結果的數組，反之返回null。ui

檢索正則表達式/abc/是否有在字符串中defaabc有匹配到，返回匹配到內容，索引值，以及檢索的字符串

/abc/.exec("defaabc")       //  ["abc", index: 4, input: "defaabc"]
複製代碼

檢索/qqq/是否在abcdefaabc中匹配到，返回 null

/qqq/.exec("abcdefaabc")     // null
複製代碼

（3）compile()方法用於改變正則匹配內容

將/abc/的匹配內容改爲後面的字符串的內容

/abc/.compile('def’) // /def/ 複製代碼

（4）split()將字符串分割成字符串數組，返回數組

將字符串abcd以/b/中的b分割成字符串數組

"abcd".split(/b/);       // ["a", "cd"]
複製代碼

（5）replace()方法用於在字符串中用一些字符替換另外一些字符或者替換一個與正則表達式匹配的字符串，返回字符串

用正則內容/\d\d\d/去匹配字符串12345abcde，將匹配的內容替換成*，並返回替換完成的字符串

'12345abcde'.replace(/\d\d\d/g,'*');     //  "*45abcde"
複製代碼

去掉字符串的引號，全局檢索'，替換成''空

'12345abcde'.replace(/'/g,''); //12345abcde 複製代碼

去掉左側空格：

' 12666'.replace( /^\s*/, '');   //12666
複製代碼

去掉右側空格：

'12666 '.replace(/(\s*$)/g, "")   //12666
複製代碼

去掉兩頭空格：

' 12666 '.replace(/^\s+|\s+$/g,"")  //  12666
複製代碼

一樣除了正則，js也有去除兩頭空格的方法：

' 22 33 '.trim()    //22  33
複製代碼

去掉字符串中全部的空格，tab,換頁符，換行符

' 12 345ab cd e '.replace(/\s/g,'');     // "12345abcde"
複製代碼

(6) search() 用於檢索字符串中指定的字符串或與正則表達式相匹配的字符串，返回匹配的字符串的起始位置的索引，反之返回-1，返回位置

'abcdedfasdfs'.search(/d/);      // 3
複製代碼

即便是全局匹配，也只會匹配到第一個的位置

'abcdedfasdfs'.search(/d/g);     // 3
複製代碼

若是沒有匹配到，返回-1

'abcdedfasdfs'.search(/o/g);     // -1
複製代碼

（7）match()方法可在字符串內檢索指定的值，或找到一個或多個正則表達式的匹配，返回數組

檢索指定的值，並返回,b+指多個

"aabbbbccbbaab".match(/b+/g);     //  ["bbbb", "bb", "b"]
複製代碼

4.正則規則（經常使用)

參考： developer.mozilla.org/zh-CN/docs/…

（1）直接量字符

字符 匹配規則 舉例
\o NUL字符（\u0000）
\t 製表符（\u0009） /\t/.test(' ') //true
\n 換行，後者使光標下移一格（\u000A）
\v 垂直製表符（\u000B）
\f 換頁符（\u000C）
\r 回車，前者使光標到行首（\u000D）

上述使用頻率較高的爲：\n、\t、\r,用來匹配已知的具體空白符。

（2）字符類

字符類 匹配規則 舉例
. 除換行符和其餘Unicode行終止符以外的任意字符 /..../.test('1a@L') //true
\d 等價於數字[0-9] /\d\d\d/.test('123') //true
\D 非\d外，等價於[^0-9] /\D\D\D/.test("aK#") //true
\w 數字0-9,字母a-z以及A-Z或者下劃線,等價於[a-zA-Z0-9_] /\w\w\w/.test("0aZ_") //true
\W 非\w 除以上的特殊符號,等價於[^a-zA-Z0-9_] /\W\W\W/.test("!@#$%^&*()") //true
\s 任何Unicode空白符，包括空格符、Tab、換頁符、換行符 /\s\s\s/.test(' ') //true
\S 任何非Unicode空白符 /\S\S\S\S\S/.test('s4*&^') //true
\ 轉義字符 /^abc/.test('^abc') //true
[\b] 退格直接量

注意：\w 和 \S 不一樣

若是親感受示例代碼並無解除你的疑惑，那麼接下來就來分條解釋上面的每一個字符的用法^0^：

（1） . 任意字符

關於這個（.）多是匹配最多內容的字符了，它的匹配規則是除去換行(\n)和回車(/r)以外的任意字符，下面咱們就來用幾個示例來演示。

測試字母：

/.../.test("abc");          // true
複製代碼

測試數字：

/.../.test(123);            // true
複製代碼

特殊符號：

/………../.test("!@#$%^&*()_+")     // true
複製代碼

（2）\d 匹配數字0～9

測試字母：

/\d/.test("a");          // false
複製代碼

測試數字：

/\d/.test(5)             //true
複製代碼

特殊符號:

/\d\d\d\d\d\d\d\d\d\d\d\d\d/.test("!@#$%^&*()_+")    // false
複製代碼

（3）\D 匹配除數字0～9的全部字符（非\d）

測試字母：

/\D/.test("a");          // true
複製代碼

測試數字：

/\D/.test(5)             // false
複製代碼

特殊符號：

/\D\D/.test("!@")        // true
複製代碼

（4）\w 匹配數字0～9，字母a~z,A~Z,下劃線

測試字母：

/\w/.test("a");          // true
複製代碼

測試數字：

/\w/.test(5)             // true
複製代碼

特殊符號：

/\w\w/.test("!@")        // false
複製代碼

（5）\W 匹配非\w,的特殊符號

測試字母：

/\W/.test("a");           // false
複製代碼

測試數字：

/\W/.test(5)              // false
複製代碼

特殊符號：

/\W\W/.test("!@")         // true
複製代碼

（6）\s 匹配空格Tab 換頁 換行符

測試字母：

/\s/.test("a");          // false
複製代碼

測試數字：

/\s/.test(5)              // false
複製代碼

特殊符號：

/\s/.test("@")            // false
複製代碼

空格Tab：

/\s\s/.test(" ")       //true
複製代碼

（7）\S 匹配非\s的內容

測試字母：

/\S/.test("a");           // true
複製代碼

測試數字：

/\S/.test(5)              // true
複製代碼

特殊符號：

/\S/.test("@")           // true
複製代碼

空格Tab：

/\S\S/.test(" ")      // false
複製代碼

（3）範圍符號

範圍符合 匹配規則 舉例
[...] 匹配字符範圍以內的 /[a-z]/.test("asdfge") //true
[^...] 匹配字符範圍之外的 /[^a-z]/.test("15432") //true
^ 匹配以此開頭的 /^abcd/.test("abcd") //true
$ 匹配以此結尾的 /abd$/.test("abd") //true
\b 匹配零寬單詞邊界（先後是否有空格） /is\b/.test("this is an apple") //true
\B 非\b，即非單次邊界（先後是否無空格） "eabcdef abcde".replace(/abc\B/,"*") //"e*def abcde"

（1）[...]： 匹配字符範圍以內的任意一個值在其範圍

/[a-z]/.test("asdfge")  // true 匹配任意一個值在`[a-z]`的範圍

/[0-9]/.test("sdd55588")  // true 匹配任意一個值在`[0-9]`的範圍

/a[abc]a/.test('aaa')  //  true  匹配任意一個值在`[abc]`的範圍

/a[abc]a/.test('aba')  //  true  匹配任意一個值在`[abc]`的範圍

/a[abc]a/.test('aca')  //  true  匹配任意一個值在`[abc]`的範圍

複製代碼

（2）[^...]： 匹配字符範圍之外的

/[^a-z]/.test("15432")   // true
複製代碼

（3）^ ：匹配以此開頭的

/^abcd/.test("abcd")  // true
複製代碼

（4）$：匹配以此結尾的

/abd$/.test("abd")   // true
複製代碼

（5）\b：匹配單次邊界

檢測is兩側是否有空格的，有空格的便可匹配，而且單次匹配

/is\b/.test("this is an apple")  // true

"th is is an apple".replace(/\bis\b/,"*")  // "th * is an apple"

"th isis an apple".replace(/\bis\b/,"*")  
複製代碼

（6）\B：非\b，即非單次邊界 檢測abc兩側是否都沒有空格，單次匹配

"eabcdef abcde".replace(/abc\B/,"*")     //"e*def abcde"

"e abc def abc de".replace(/abc\B/,"*")  //"e abc def abc de"

"eabcdefabcde".replace(/abc\B/,"*")      // "e*defabcde"
複製代碼

（4）分組匹配

分組 匹配規則 舉例
（x） 分組並記錄匹配到的字符串 "boyboyfrinedboy".replace(/(boy){2}frined/,"*") //"* boy"
\x \x匹配第x個分組(x)重複1次 /(abc)(def)\2/.test("abcdefdef") //true
(?:x) 僅分組，此時的\x並不會指向此 /(?:abc)(?:def)(eee)\1/.test("abcdefeeeeee") //true

（1）（x）：分組並記錄匹配到的字符串

"boyboyfrinedboy".replace(/(boy){2}frined/,"*")  //"* boy"
複製代碼

（2） \x ： \x匹配第x個分組(x)重複1次

/(abc)(def)\2/.test("abcdefdef")  // true
複製代碼

（3） (?:x)： 僅分組，此時的\x並不會指向此

/(?:abc)(?:def)(eee)\1/.test("abcdefeeeeee")  // ture
複製代碼

（5）重複匹配

重複 匹配規則 舉例
x* 匹配x並匹配重複次數>=0的x（貪婪算法） abc*匹配ab,abc，abcc,abccc
x+ 匹配x並匹配重複次數>0的x（貪婪算法） abc*匹配abc，abcc,abccc,不匹配ab
x*? 只匹配x（不包含最後字符）（非貪婪算法） abc*?只匹配ab,其餘不匹配
x+? 只匹配x,其餘不匹配（非貪婪算法） abc+?只匹配abc,其餘不匹配
x{n} 匹配x重複>=n次的內容（非貪婪算法） (abc){2}匹配abcabc,abcabcabcabc
x{n,m} 匹配x重複次數>=n,<=m（非貪婪算法） (abc){1,2}匹配abc,abcabc,不匹配abcabcabc

（1） x* ：匹配x並匹配重複次數>=0的x（貪婪算法）

abc*匹配ab,abc，abcc,abccc 
複製代碼

（2） x+ ：匹配x並匹配重複次數>0的x,最少1個，最多不限（貪婪算法）

abc*匹配abc，abcc,abccc,不匹配ab 
複製代碼

（3） x*? ：只匹配x（不包含最後字符）（非貪婪算法）

abc*?只匹配ab,其餘不匹配
複製代碼

（4） x+? ：只匹配x,其餘不匹配（非貪婪算法）

abc+?只匹配abc,其餘不匹配
複製代碼

（5）x{n} ：匹配x重複>=n次的內容,最少n個，最多不限（非貪婪算法） ?等同{0,1}

(abc){2}匹配abcabc,abcabcabcabc
複製代碼

（6） x{n,m} ：匹配x重複次數>=n,<=m，最少n個，最多m個（非貪婪算法）

(abc){1,2}匹配abc,abcabc,不匹配abcabcabc
複製代碼

5.經常使用的正則匹配

（1）手機號

  • 移動號段： 134 135 136 137 138 139 147 148 150 151 152 157 158 159 172 178 182 183 184 187 188 198

  • 聯通號段： 130 131 132 145 146 155 156 166 171 175 176 185 186

  • 電信號段： 133 149 153 173 174 177 180 181 189 199

  • 虛擬運營商: 170

匹配13*的手機號:

/^(1)3(\d){9}$/.test(13131121111)
複製代碼

匹配14*的手機號:

/^(1)4[5-9](\d){8}$/.test(14531121989)
複製代碼

匹配15*的手機號：

/^(1)5[^4]{9}$/.test(15531121989)
複製代碼

匹配16*的手機號：

/^(1)66(\d){8}$/.test(16631121989)
複製代碼

匹配17*的手機號：

/^(1)7[0-8](\d){8}$/.test(17199121989)
複製代碼

匹配18*的手機號：

/^(1)8(\d){9}$/.test(18131121989)
複製代碼

匹配19*的手機號：

/^(1)9[8-9](\d){8}$/.test(19831121989)
複製代碼

匹配全部手機號：

/^((1)3(\d){9}$)|(^(1)4[5-9](\d){8}$)|(^(1)5[^4]{9}$)|(^(1)66(\d){8}$)|(^(1)7[0-8](\d){8}$)|(^(1)8(\d){9}$)|(^(1)9[8-9](\d){8}$)/.test(16961121989)
複製代碼

（2）郵箱

  • 126規則：6~18個字符，可以使用字母、數字、下劃線，需以字母開頭

  • 163規則：6~18個字符，可以使用字母、數字、下劃線，需以字母開頭 容許手機號

  • qq郵箱：數字5-10個數字

  • 新浪郵箱規則：4-16個字符，可以使用英文小寫，數字，下劃線，下劃線不可在首位

  • 搜狐郵箱規則：4-16位，英文、數字、下劃線，小寫字母開頭

匹配126郵箱：

/((^([a-zA-Z]))(\w){5,17})@126.com$/.test("AA3333333333333333@126.com")
複製代碼

匹配163郵箱：

/((^([a-zA-Z]))(\w){5,17}$)|(^(1)(3(\d){9}$)|(4[5-9](\d){8}$)|(5[^4]{9})|(66(\d){8})|(7[0-8](\d){8})|(8(\d){9}$)|(9[8-9](\d){8}$))@163.com$/.test("15132221989@163.com")
複製代碼

匹配qq郵箱：

/(^[1-9]){5,10}@qq.com$/.test("115511@qq.com")
複製代碼

匹配新浪郵箱：

/^[a-z0-9]([a-z0-9_]{3,15})@sina.(com)|(cn)$/.test('223dddddddaddw22@sina.com')
複製代碼

匹配搜孤郵箱：

/(^[a-z])(\w){3,15}@sohu.com$/.test("dddddddfw@sohu.com")
複製代碼

（2）中文

/^[\u4e00-\u9fa5]$/g.test("我")     
複製代碼

（3）國內郵政編碼

/^[0-9]{6}$/.test(100000)
複製代碼

（4）用戶名： 中文、A-Z a-z 0-9 _

/^[\w\u4e00-\u9fa5]{6,32}$/.test("晴天de_Wo")
複製代碼

（5）密碼： A-Z a-z 0-9 _

/^\w{6,32}$/.test('2223336')
複製代碼

。。。。。未完待續

做者：晴天de雨滴    
    出處：https://juejin.im/post/5b0cf331f265da0905017b48
    版權全部，歡迎保留原文連接進行轉載：但願看到個人最新文章的能夠添加下關注哦！) 
複製代碼
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程