JavaScript有两种形式创立正则表达式

> var regexConst = new RegExp('abc'); //构造函数形式> var regexLiteral = /abc/; //字面量形式

有一点要留神，字面量申明是在//外面申明，而构造函数申明传进去的参数是字符串，所有遇到一些\n这样转义字符，须要双重本义，变成\\n，上面列出了一些例子：

正则表达式相干函数

test():RegExp对象提供的办法。检索字符串中指定的值。匹配胜利返回 true 否则返回 false

var regex = /hello/;var str = 'hello world';var result = regex.test(str);console.log(result);

exec()：RegExp对象提供的办法。检索字符串中指定的值。匹配胜利返回一个数组，匹配失败返回null

var reg=/hello/;console.log(reg.exec('hellojs'));//['hello']console.log(reg.exec('javascript'));//null

match()：字符对象提供的办法。在字符串内检索指定的值,匹配胜利返回寄存匹配后果的数组，否则返回null。这里须要留神的一点事，如果没有设置全局匹配g，返回的数组只存第一个胜利匹配的值。

var reg1=/javascript/i;var reg2=/javascript/ig;console.log('hello Javascript Javascript Javascript'.match(reg1));//['Javascript']console.log('hello Javascript Javascript Javascript'.match(reg2));//['Javascript','Javascript','Javascript']

search()：字符对象提供的办法。在字符串内检索指定的值,匹配胜利返回第一个匹配胜利的字符串片段开始的地位，否则返回-1。

var reg=/javascript/i;console.log('hello Javascript Javascript Javascript'.search(reg));//6

replace()：字符对象提供的办法。替换与正则表达式匹配的子串，并返回替换后的字符串。在不设置全局匹配g的时候，只替换第一个匹配胜利的字符串片段。

var reg1=/javascript/i;var reg2=/javascript/ig;console.log('hello Javascript Javascript Javascript'.replace(reg1,'js'));//hello js Javascript Javascriptconsole.log('hello Javascript Javascript Javascript'.replace(reg2,'js'));//hello js js js

split()：字符对象提供的办法。把一个字符串宰割成字符串数组。

var reg=/1[2,3]8/;console.log('hello128Javascript138Javascript178Javascript'.split(reg));//['hello','Javascript','Javascript178Javascript']

最简略的正则表达式

var regex = /hello/;console.log(regex.test('hello world'));// true

修饰符

有三种：i, g, m，能够同时呈现，没有程序（即 gi 与 ig 一样），请参考下方阐明
修饰符阐明：
i 疏忽大小写匹配
g 全局匹配，即是匹配一个后持续匹配，直到完结
m 多行匹配，即是遇到换行后不进行匹配，直到完结

例子：

'abc'.match(/abc/); //['abc']'abcd'.match(/abc/); //['abc'] 没有/g只返回第一个胜利匹配的值'abcdabc'.match(/abc/g); //['abc', 'abc'] 'abCabc'.match(/abc/gi); //['abc', 'abc']'abC\nabc'.match(/abc/gim); //['abc', 'abc']  \n是换行符

方括号 [] 用法

局部元字符阐明

例子：

'aBcd efg'.match(/[a-z]+/); // ["a"] 'aBcd efg'.match(/[a-z]+/i); // ["aBcd"] 'aBcd efg'.match(/[a-z]+/g); // ["a", "cd", "efg"] 'aBcd efg'.match(/[a-z]+/gi); // ["aBcd", "efg"] 'aB\ncd\n efg'.match(/^[a-z]+/m); // ["a"] 'aB\ncd\n efg'.match(/^[a-z]+/g); // ["a"] 'aB\ncd\n efg'.match(/^[a-z]+/gm); // ["a", "cd"] // 留神不是 ["a", "cd", "efg"]'adobe 2016'.match(/\d+|[a-z]+$/g); // ["2016"]'adobe'.match(/\d+|[a-z]+$/g); // ["adobe"]'adobe2016ps'.match(/\d+|^[a-z]+/g); // ["adobe", "2016"]

总结^的用法：

  • 在 [] 内开始地位：

    'adobe 2016'.match(/^[a-zA-Z]+/); // ["adobe"]

  • 在正则双斜线开始地位：

    'adobe'.match(/[^abc]/g); // ["d", "o", "e"]

  • 带有|字符中应用：

    'adobe2016ps'.match(/\d+|^[a-z]+/g); // ["adobe", "2016"]

  • 在其余地位：

    '12a^eee'.match(/a\^/g); // ['a^']

示意所有字母，不辨别大小写:

'adobe-PS'.match(/[a-z]/gi); // ["a", "d", "o", "b", "e", "P", "S"]'adobe-PS'.match(/[a-zA-Z]/g); // ["a", "d", "o", "b", "e", "P", "S"]

一些隐性概念

正则中大部分都是匹配单个字符：

'adobe 2016'.match(/[a-z]/g) //["a", "d", "o", "b", "e"]

少部分匹配后果是字符串而不是单个字符：

'aBcd efg'.match(/[a-z]+/i); // ["aBcd"]

两个规定紧挨着，阐明匹配的时候，这两个字符是相连的：

'adobe-2016'.match(/[a-g\-]/g); // ["a", "d", "b", "e", "-"] // 对连字符 - 自身进行匹配，须要用反斜线本义'addo2-ado12os3'.match(/o\d/g); //['o2', 'o1']

耗费字符的概念：如下这个例子，不是[“adobw12px”,”ps15test”]，因为ps这两个字符曾经消耗掉了

'adobe12ps15test'.match(/[a-z]+\d+[a-z]+/); // ["adobe12ps"]

匹配模式默认是贪心的，尽可能多的匹配所搜寻的字符串:

'aBcd efg'.match(/[a-z]+/gi);// ["aBcd", "efg"]'a3 aaa12bb aaaaaaa34'.match(/a{2,4}\d+/g); // ["aaa12", "aaaa34"]  a{2,4}:2到4个a，大括号的用法前面会细讲

非凡含意字符

  • .匹配任意单个字符，除换行和结束符

      '1+0.2*2=1.4'.match(/.{2}/g);  // ["1+", "0.", "2*", "2=", "1."]

  • \w 匹配任意单词字符（数字、字母、下划线），等价于[A-Za-z0-9_]

      'ad34~!@$ps'.match(/\w/g);  // ["a", "d", "3", "4", "p", "s"]

  • \W 匹配任意单词字符，与\w相同，等价于1

      'ad34~!@$ps'.match(/\W/g);  // ["~", "!", "@", "$"]

  • \d 匹配数字，等价于 [0-9]

    'ps6'.match(/\d/g); // ["6"]

  • \D 匹配非数字，等价于 [0-9]

      'ps6'.match(/\D/g);  // ["p", "s"]

  • \s 匹配空白字符，次要有(\n、\f、\r、\t、\v)，留神'a\sb'中的\s仍然是字符s，所以'a\sb'.match(/\s/g)返回 null

      'adobe ps'.match(/\s/g);  // [" "]

  • \S 匹配非空白字符，与\s相同

      'adobe ps'.match(/\S/g);  // ["a", "d", "o", "b", "e", "p", "s"]

  • \b 匹配单词边界，留神间断的数字、字母或下划线组成的字符串会认为一个单词

      'adobe(2016) ps6.4'.match(/\b(\w+)/g);  // ["adobe", "2016", "ps6", "4"]

  • \B 匹配非单词边界，认真领会上面的示例与\b的后果

      'adobe(2016) ps6.4'.match(/\B(\w+)/g);  // ["dobe", "016", "s6"]

  • \0 匹配NUL字符

    '\0'.match(/\0/); // ["NUL"]

  • \n 匹配换行符（编码：10，newline）

      'adobe\nps'.match(/\n/).index;  // 5

  • \f 匹配换页符

      'adobe\fps'.match(/\f/).index;  // 5

  • \r 匹配回车符（编码：13，return）

      'adobe\rps'.match(/\r/).index;  // 5

  • \t 匹配制表符，键盘tab对应的字符

      'adobe\tps'.match(/\t/).index;  // 5

  • \v 匹配垂直制表符

      'adobe\vps'.match(/\v/).index;  // 5

  • \xxx 匹配以八进制数xxx规定的字符

      'a'.charCodeAt(0).toString(8);  // "141"  'adobe ps'.match(/\141/g);  // ["a"]

  • \xdd 匹配以十六进制数dd规定的字符

      'a'.charCodeAt(0).toString(16);  // "61"  'adobe ps'.match(/\x61/g);  // ["a"]

  • \uxxxx 匹配以十六进制数xxxx规定的 Unicode字符，留神位数不够须要补0

      'a'.charCodeAt(0).toString(16);  // "61"  'adobe ps'.match(/\u0061/g);  // ["a"]

    量词阐明

  • n+ 匹配蕴含至多一个n的字符串

      'adobe paas'.match(/a+\w+/g);  // ["adobe", "aas"]

  • n* 匹配蕴含零个或多个n的字符串

      'ab3 aa12bb'.match(/a*\d+/g);  // ["3", "aa12"]

  • n? 匹配蕴含零个或一个n的字符串

      'ab3 aa12bb'.match(/a?\d+/g);  // ["3", "a12"]

  • n{x} 匹配蕴含间断x个n的字符串

      'ab3 aa12bb aaa34'.match(/a{2}\d+/g);  // ["aa12", "aa34"]

  • n{x,y} 匹配蕴含至多间断x个且最多间断y个n的字符串

      'a3 aaa12bb aaaaaaa34'.match(/a{2,4}\d+/g);  // ["aaa12", "aaaa34"]

  • n{x,} 匹配蕴含至多间断x个n的字符串

      'a3 aaa12bbaa4'.match(/a{2,}\d+/g);  // ["aaa12", "aa4"]

由上可知，以下 表达式1 与 表达式2 等价

小括号 () 用法

  • 分组的用法，即捕捉的用法：
'https://baidu.com'.match(/https:\/{2}\w+\.com$/g); //['https://baidu.com']'https://baidu.com'.match(/(https):\/{2}\w+\.(com)$/g);//['https://baidu.com']

捕捉的意思：可能通过RegExp.$1这种形式捕捉到

  • 和|一起应用
'https://baidu.com'.match(/(http|https):\/{2}\w+\.(com|cn)$/g);//['https://baidu.com']

  • 不捕捉的用法，无奈通过RegExp.$1这种形式捕捉到

    'https://baidu.com'.match(/(?:http|https):\/{2}\w+\.(com|cn)$/g);//['https://baidu.com']

反斜杠的用法

斜杠：/（大写八字的右边）须要本义，因为正则字面量写法就是两个斜杠
反斜杠：\（大写八字的左边）不须要本义

//本义特殊字符的作用：'11+2=13'.match(/\d+\+/g); //["11+"]'(11+2)*2=26'.match(/\(\d+\+\d+\)/g); // ["(11+2)"]//斜杠须要本义，反斜杠不须要本义：'path C:\Windows\System32'.match(/([a-zA-Z]:\\\w+)/g); // null 'path C:\\Windows\\System32'.match(/([a-zA-Z]:\\\w+)/g); // ["C:\\Windows"]'https://baidu.com'.match(/(http|https):\/\/\w+\.(com|cn)$/g);//['https://baidu.com']

问号(?)的用法

  • (?:n ) 示意非捕捉组

      // 不应用括号时  'adobe12ps15test'.match(/[a-z]+\d+[a-z]+/);  // ["adobe12ps"]  // 应用括号分组  'adobe12ps15test'.match(/[a-z]+(\d+)([a-z]+)/);  // ["adobe12ps", "12", "ps"]  'adobe12ps15test'.match(/[a-z]+(?:\d+)([a-z]+)/);  // ["adobe12ps", "ps"]  // 看起来下面语句不必(?:)也能够失去雷同后果，即：  'adobe12ps15test'.match(/[a-z]+\d+([a-z]+)/);  // ["adobe12ps", "ps"]  // 留神，但需要心愿匹配字母之间的规定简单时，如心愿匹配字母，且字母之间能够为1或3时，但不须要1和3  'adobe11ps15test'.match(/[a-z]+(1|3)+([a-z]+)/);  // ["adobe11ps", "1", "ps"]  // 返回中不心愿蕴含数字怎么办，能够应用非捕捉  'adobe11ps15test'.match(/[a-z]+(?:1|3)+([a-z]+)/);  // ["adobe11ps", "ps"]

  • (?=n ) 匹配任何其后紧跟字符n的字符串，但返回中不蕴含n

      'adobe12ps15test'.match(/[a-z]+(?=\d)/g);  // ["adobe", "ps"]

  • (?!n ) 匹配任何其后没有紧跟字符n的字符串，返回中不蕴含n

      'adobe12ps15test'.match(/[a-z]+(?!\d)/g);  // ["adob", "p", "test"]

  • (?<=n ) 匹配任何其前紧跟字符n的字符串，返回中不蕴含n

      'adobe12ps15test'.match(/(?<=\d)[a-z]+/g);  // ["ps", "test"]

  • (?<!n ) 匹配任何其前紧跟字符n的字符串，返回中不蕴含n

      'adobe12ps15test'.match(/(?<!\d)[a-z]+/g);  // ["adobe", "s", "est"]

运算符优先级

常见正则表达式

1.由数字、26个英文字母或者下划线组成的字符串:    ^[0-9a-zA-Z_]{1,}$ 2.非负整数（正整数 + 0 ）:    ^/d+$3. 正整数:    ^[0-9]*[1-9][0-9]*$4.非正整数（负整数 + 0）：    ^((-/d+)|(0+))$5. 负整数 :    ^-[0-9]*[1-9][0-9]*$6.整数:        ^-?/d+$7.非负浮点数（正浮点数 + 0）:    ^/d+(/./d+)?$8.正浮点数 :    ^(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$9. 非正浮点数（负浮点数 + 0）:    ^((-/d+(/./d+)?)|(0+(/.0+)?))$10.负浮点数 :    ^(-(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*)))$11. 浮点数 :    ^(-?/d+)(/./d+)?$12.由26个英文字母组成的字符串 :        ^[A-Za-z]+$13. 由26个英文字母的大写组成的字符串 :    ^[A-Z]+$14.由26个英文字母的小写组成的字符串 :    ^[a-z]+$15. 由数字和26个英文字母组成的字符串 :    ^[A-Za-z0-9]+$16.由数字、26个英文字母或者下划线组成的字符串 :        ^/w+$17.email地址 :    ^[/w-]+(/.[/w-]+)*@[/w-]+(/.[/w-]+)+$18.url:        ^[a-zA-z]+://(/w+(-/w+)*)(/.(/w+(-/w+)*))*(/?/S*)?$19. 年-月-日:    /^(d{2}|d{4})-((0([1-9]{1}))|(1[1|2]))-(([0-2]([1-9]{1}))|(3[0|1]))$/20.月/日/年:    /^((0([1-9]{1}))|(1[1|2]))/(([0-2]([1-9]{1}))|(3[0|1]))/(d{2}|d{4})$/21.Emil:    ^([w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$22. 电话号码:    (d+-)?(d{4}-?d{7}|d{3}-?d{8}|^d{7,8})(-d+)?23.IP地址:    ^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$24. 匹配中文字符的正则表达式：    [/u4e00-/u9fa5]25.匹配双字节字符(包含汉字在内)：    [^/x00-/xff]26. 匹配空行的正则表达式：    /n[/s| ]*/r27.匹配HTML标记的正则表达式：    /<(.*)>.*<///1>|<(.*) //>/28.匹配首尾空格的正则表达式：    (^/s*)|(/s*$)29.匹配Email地址的正则表达式：    /w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*30. 匹配网址URL的正则表达式：    ^[a-zA-z]+://(//w+(-//w+)*)(//.(//w+(-//w+)*))*(//?//S*)?$31. 匹配帐号是否非法(字母结尾，容许5-16字节，容许字母数字下划线)：    ^[a-zA-Z][a-zA-Z0-9_]{4,15}$32. 匹配国内电话号码：    (/d{3}-|/d{4}-)?(/d{8}|/d{7})?33.匹配腾讯QQ号：    ^[1-9]*[1-9][0-9]*$34. 只能输出数字：    ^[0-9]*$35.只能输出n位的数字：    ^/d{n}$36.只能输出至多n位的数字：    ^/d{n,}$37.只能输出m~n位的数字：    ^/d{m,n}$38.只能输出零和非零结尾的数字：    ^(0|[1-9][0-9]*)$39.只能输出有两位小数的正实数：    ^[0-9]+(.[0-9]{2})?$40. 只能输出有1~3位小数的正实数：    ^[0-9]+(.[0-9]{1,3})?$41.只能输出非零的正整数：    ^/+?[1-9][0-9]*$42. 只能输出非零的负整数：    ^/-[1-9][0-9]*$43.只能输出长度为3的字符：    ^.{3}$44. 只能输出由26个英文字母组成的字符串：    ^[A-Za-z]+$45.只能输出由26个大写英文字母组成的字符串：    ^[A-Z]+$46. 只能输出由26个小写英文字母组成的字符串：    ^[a-z]+$47.只能输出由数字和26个英文字母组成的字符串：    ^[A-Za-z0-9]+$48. 只能输出由数字和26个英文字母或者下划线组成的字符串：    ^/w+$49.验证用户明码(正确格局为： 以字母结尾，长度在5~17 之间，只能蕴含字符、数字和下划线)    ^[a-zA-Z]/w{5,17}$50.验证是否蕴含有 ^%&',;=?$/"等字符：    [^%&',;=?$/x22]+51.只能输出汉字：    ^[/u4e00-/u9fa5]{0,}$52、只含有汉字、数字、字母、下划线不能以下划线结尾和结尾    ^(?!_)(?!.*?_$)[a-zA-Z0-9_/u4e00-/u9fa5]+$53、只含有汉字、数字、字母、下划线，下划线地位不限    ^[a-zA-Z0-9_/u4e00-/u9fa5]+$54、2~4个汉字    @"^[/u4E00-/u9FA5]{2,4}$

参考学习材料：
https://cloud.tencent.com/dev...
https://www.runoob.com/regexp...

  1. A-Za-z0-9_ ↩