头部背景图片
小畅童鞋的学习笔记 |
小畅童鞋的学习笔记 |

正则表达式详解

一.为什么要使用正则表达式呢?

通过使用正则表达式,可以:

  1. 测试字符串内的模式。
    例如,可以测试输入字符串,以查看字符串内是否出现电话号码模式或信用卡号码模式。这称为数据验证。

  2. 替换文本。
    可以使用正则表达式来识别文档中的特定文本,完全删除该文本或者用其他文本替换它。

  3. 基于模式匹配从字符串中提取子字符串。
    可以查找文档内或输入域内特定的文本。

正则表达式(regular expression) 描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。

例如,创建一个正则表达式:

let re = /ab+c/
// 或者
let re = new RegExp("ab+c", 'g')//ab+c/g
/* 
g 是全局搜索; 
i 不区分大小写;
m 多行搜索; 
s 允许 . 匹配换行符; 
u 使用unicode码的模式进行匹配; 
y 执行“粘性”搜索,匹配从目标字符串的当前位置开始,可以使用y标志。*/

二.正则字符简单介绍

1. 元字符介绍

"^" :^会匹配行或者字符串的起始位置,有时还会匹配整个文档的起始位置。

"$" :$会匹配行或字符串的结尾

"\b" : \b不会消耗任何字符只匹配一个位置,常用于匹配单词边界
 如 我想从字符串中”This is Regex”匹配单独的单词 “is” 正则就要写成 “\bis\b”
 \b 不会匹配is 两边的字符,但它会识别is 两边是否为单词的边界

"\d": 匹配数字

 例如要匹配一个固定格式的电话号码以0开头前4位后7位,如0737-5686123 正则:^0\d\d\d-\d\d\d\d\d\d\d$ 这里只是为了介绍”\d”字符,实际上有更好的写法会在 下面介绍。

"\w":匹配字母,数字,下划线

 例如我要匹配”a2345BCD__TTz” 正则:”\w+” 这里的”+”字符为一个量词指重复的次数,稍后会详细介绍。

"\s":匹配空格

 例如字符 “a b c” 正则:”\w\s\w\s\w” 一个字符后跟一个空格,如有字符间有多个空格直接把”\s” 写成 “\s+” 让空格重复

".":匹配除了换行符以外的任何字符

 这个算是”\w”的加强版了”\w”不能匹配 空格 如果把字符串加上空格用”\w”就受限了,看下用 “.”是如何匹配字符”a23 4 5 B C D__TTz” 正则:”.+”

"[abc]": 字符组 匹配包含括号内元素的字符

 这个比较简单了只匹配括号内存在的字符,还可以写成[a-z]匹配a至z的所以字母就等于可以用来控制只能输入英文了,

2.几种反义

写法很简单改成大写就行了,意思与原来的相反,这里就不举例子了

"\W" 匹配任意不是字母,数字,下划线 的字符

"\S" 匹配任意不是空白符的字符

"\D" 匹配任意非数字的字符

"\B" 匹配不是单词开头或结束的位置

"[^abc]" 匹配除了abc以外的任意字符

3.量词

先解释关于量词所涉及到的重要的三个概念

  1. 贪婪(贪心) 如”*”字符 贪婪量词会首先匹配整个字符串,尝试匹配时,它会选定尽可能多的内容,如果 失败则回退一个字符,然后再次尝试回退的过程就叫做回溯,它会每次回退一个字符,直到找到匹配的内容或者没有字符可以回退。相比下面两种贪婪量词对资源的消耗是最大的,

  2. 懒惰(勉强) 如 “?” 懒惰量词使用另一种方式匹配,它从目标的起始位置开始尝试匹配,每次检查一个字符,并寻找它要匹配的内容,如此循环直到字符结尾处。

  3. 占有 如”+” 占有量词会覆盖事个目标字符串,然后尝试寻找匹配内容 ,但它只尝试一次,不会回溯,就好比先抓一把石头,然后从石头中挑出黄金

常用量词举例

"*"(贪婪) 重复零次或更多

 例如”aaaaaaaa” 匹配字符串中所有的a 正则: "a*" 会出到所有的字符”a”

"+"(懒惰) 重复一次或更多次

 例如”aaaaaaaa” 匹配字符串中所有的a 正则: “a+” 会取到字符中所有的a字符, "a+""a *" 不同在于"+"至少是一次而"*"可以是0次,

 稍后会与”?”字符结合来体现这种区别

"?"(占有) 重复零次或一次

 例如”aaaaaaaa” 匹配字符串中的a 正则 : “a?” 只会匹配一次,也就是结果只是单个字符a

"{n}" 重复n次

 例如从”aaaaaaaa” 匹配字符串的a 并重复3次 正则: “a{3}” 结果就是取到3个a字符 “aaa”;

"{n,m}" 重复n到m次

 例如正则 “a{3,4}” 将a重复匹配3次或者4次 所以供匹配的字符可以是三个”aaa”也可以是四个”aaaa” 正则都可以匹配到

"{n,}" 重复n次或更多次

 与{n,m}不同之处就在于匹配的次数将没有上限,但至少要重复n次 如 正则”a{3,}” a至少要重复3次

把量词了解了之后之前匹配电话号码的正则现在就可以改得简单点了^0\d\d\d-\d\d\d\d\d\d\d$ 可以改为”^0\d+-\d{7}$”。

这样写还不够完美如果因为前面的区号没有做限定,以至于可以输入很多们,而通常只能是3位或者4位,现在再改一下 “^0\d{2,3}-\d{7}”如此一来区号部分就可以匹配3位或者4位的了

4.懒惰限定符

"*?" 重复任意次,但尽可能少重复

 如 “acbacb” 正则 “a.*?b” 只会取到第一个”acb” 原本可以全部取到但加了限定符后,只会匹配尽可能少的字符 ,而”acbacb”最少字符的结果就是”acb”

"+?" 重复1次或更多次,但尽可能少重复

 与上面一样,只是至少要重复1次

"??" 重复0次或1次,但尽可能少重复

 如 “aaacb” 正则 “a.??b” 只会取到最后的三个字符”acb”

"{n,m}?" 重复n到m次,但尽可能少重复

如 “aaaaaaaa” 正则 “a{0,m}” 因为最少是0次所以取到结果为空

"{n,}?" 重复n次以上,但尽可能少重复

如 “aaaaaaa” 正则 “a{1,}” 最少是1次所以取到结果为 “a”

三.正则进阶-捕获分组

下面列出捕获分组常有的用法

"(exp)" 匹配exp,并捕获文本到自动命名的组里

"(?<name>exp)" 匹配exp,并捕获文本到名称为name的组里

"(?:exp)" 匹配exp,不捕获匹配的文本,也不给此分组分配组号

以下为零宽断言

"(?=exp)" 匹配exp前面的位置

  如 “How are you doing” 正则”(?.+(?=ing))” 这里取ing前所有的字符,并定义了一个捕获分组名字为 “txt” 而”txt”这个组里的值为”How are you do”;

"(?<=exp)" 匹配exp后面的位置

  如 “How are you doing” 正则”(?(?<=How).+)” 这里取”How”之后所有的字符,并定义了一个捕获分组名字为 “txt” 而”txt”这个组里的值为” are you doing”;

"(?!exp)" 匹配后面跟的不是exp的位置

  如 “123abc” 正则 “\d{3}(?!\d)”匹配3位数字后非数字的结果

"(?<!exp)" 匹配前面不是exp的位置

  如 “abc123 “ 正则 “(?<![0-9])123” 匹配”123”前面是非数字的结果也可写成”(?!<\d)123”

四.js正则表达式方法

reg.exec(str)        //查找字符串str是否匹配reg规则,它返回一个数组(未匹配到则返回 null)。 [ 'abbc', index: 0, input: 'abbc', groups: undefined ]
reg.test(str)        //测试字符串str否匹配reg规则,匹配返回 true 或 不匹配返回false。
str.match(reg)        //一个在字符串中执行查找匹配的String方法,它返回一个数组,在未匹配到时会返回 null。
str.matchAll(reg)    //一个在字符串中执行查找所有匹配的String方法,它返回一个迭代器(iterator)。Object [RegExp String Iterator] {}
str.search(reg)        //一个在字符串中测试匹配的String方法,它返回匹配到的位置索引,或者不存在时返回-1。
str.replace(reg, str2)        //一个在字符串中执行查找匹配的String方法,并且使用替换字符串替换掉匹配到的子字符串。
str.split(reg)            //一个使用正则表达式,并将分隔后的子字符串存储到数组中。


function match(s, pattern)
{
  var pattern = '^' + pattern + '$'; // ^ab*a$
  var pat = new RegExp(pattern,'g'); // /^ab*a$/g  new RegExp('^ab*a$','g')
  return pat.test(s); // s匹配pat, pat是否包含s
}

五.常用正则表达式

Image1.png

详情参考:
https://www.runoob.com/js/js-regexp.html
https://www.cnblogs.com/zery/p/3438845.html
http://tool.oschina.net/uploads/apidocs/jquery/regexp.html
https://www.cnblogs.com/520Girl/p/10031738.html

Lililich's Blog