学习笔记——正则匹配方法整理

前言

正则在js中是一类比较特殊的对象,它能够匹配各个场景须要的格式验证,例如邮箱手机号用户登陆名密码等等,彷佛无处不在,在常见的字符串检索或替换中,咱们须要提供一种模式表示检索或替换的规则,来匹配一系列符合某个句法规则的字符串。正则表达式

如下是正则的较为官方的解释:算法

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。这些模式被用于 RegExpexectest 方法, 以及 Stringmatchreplacesearchsplit 方法。数组

言归正传,上代码!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 分割),而不仅是只匹配整个输入字符串的最开始和最末尾处。
  • sm相反,单行匹配
let regex=/^[a-zA-Z]/gim ;
复制代码

3. 正则中经常使用方法以及字符串中与正则相关的方法

(1)test()方法检索字符串中的值是否匹配给出的正则规则,返回布尔值 truefalsepost

检索"ab"是否匹配前面的正则表达式 /../,正确返回true,不匹配返回false测试

/../.test("ab");        // true复制代码

(2)exec()方法检索字符串中的指定值,若是找到匹配的文本,则返回一个结果的数组,反之返回nullui

检索正则表达式/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
    版权全部,欢迎保留原文连接进行转载:但愿看到个人最新文章的能够添加下关注哦!) 
复制代码
相关文章
相关标签/搜索