前言:
此时我们对“正则匹配img标签”都比较关心,大家都想要学习一些“正则匹配img标签”的相关资讯。那么小编也在网上汇集了一些关于“正则匹配img标签””的相关知识,希望你们能喜欢,各位老铁们快快来了解一下吧!正则的惰性匹配模式(?)使用详解
这次给大家带来正则的惰性匹配模式(?)使用详解,正则惰性匹配模式(?)使用的注意事项有哪些,下面就是实战案例,一起来看一下。
正则表达式惰性匹配模式:
在贪婪匹配模式一章节已经说过人性是贪婪的,希望获得更多的金钱、地位甚至美女,但是也有很多清心寡欲的人,只要满足基本的生活需求就可以了,在正则表达式中也有这样的匹配原则,下面就进行一下介绍。
一.惰性模式的概念:
此模式和贪婪模式恰好相反,它尽可能少的匹配字符以满足正则表达式即可,例如:
var str="axxyyzbdkb";
console.log(str.match(/a.*b/));
以上代码是贪婪模式,于是能够匹配整个字符串,下面将其修改成惰性匹配模式:
var str="axxyyzbdkb";
console.log(str.match(/a.*?b/));
上面的代码即是惰性匹配,方法就是在重复量词后面加一个问号(?)即可。
惰性匹配模式是尽可能少的匹配字符,但是必须要满足正则表达式的匹配规则,例如上面的代码,*可以重复匹配0个或者多个前面的字符或者子表达式,但是正则表达式的结尾必须是b,所以正则表达式可以匹配上面字符串中的axxyyzb。
总结如下:
1.在重复量词后面添加问号(?)即可形成惰性匹配。
2.惰性匹配会尽可能少的匹配字符,但是必须要满足整个匹配模式。
二.惰性限定符列表:
语法结构
语义解释
*?
可以重复任意次,但是尽可能重复少的次数。
+?
可以重复1次或者任意多次,但是尽可能重复少的次数,不过最少次数是1。
??
可以重复0次或1次,但尽可能少重复。
{n,m}?
可以重复n到m此,但尽可能少重复,最少匹配次数是n。
{n,}?
可以重复n次以上,但尽可能少重复,最少匹配n此。
首先引入一个介绍比较详细的网站
接下来是本人的简介
其实贪婪和惰性很容易理解,从字面意思我们就可以知道,所谓的"贪婪"的意思就是,如果符合要求就一直往后匹配,一直到无法匹配为止,这就是贪婪模式。所谓的惰性模式就是一旦匹配到合适的就结束,不在继续匹配下去了,下面我介绍几个例子来主要讲述一下。
首先讲述一下贪婪模式的标示符:+,?,*,{n},{n,},{n,m}.惰性模式:+?,??,*??,{n}?,{n,}?,{n,m}?;
例子一
var pattern=/8[a-zA-Z0-9]*7/;贪婪模式
var string="abc8defghij7klngon8qrstwxy7";
这时使用了贪婪模式*,表示8与8之间可有有任意多个字母,那这个正则先匹配第一个8,如果匹配到了后,就无限制的匹配后面的内容,只要后面的内容都满足[a-zA-Z0-9]就可以。一直匹配,匹配到不能再匹配为止,看紧接着后面的一个是不是7,如果不是那他就往前进一个(吐出一个看是不是7),如果不是再继续吐直到吐出7为止,然后匹配到的就是这之间的内容。所以结果匹配到的内容就是整条字符串。
var pattern=/8[a-zA-Z0-9]*?7/ig;惰性模式
var string="abc8defghij7klngon8qrstwxy7";
上面正则使用了惰性模式*?,此时匹配方式是这样的,先匹配一个8,然后在往后匹配一个字符看是不是符合[a-zA-Z0-9],如果符合,再去看紧接着后面的一个字符是不是7,如果是7就结束,如果不是就再往后匹配一个字符,看是不是符合[a-zA-Z0-9],如果符合,就再看紧接着后面的一个字符是不是7,如果是7就结束,否则,按照上面的方式依次循环下去,指导符合为止。
(2).贪婪和惰性模式还可以用另一种方式来表达。
例子二
var test="<img src="aaa/111.jpg"/><img src="aaa/112.jpg"/><img src="aaa/113.jpg"/>";
var pattern=/<img [^>]*\/>/ig;
这样也可以实现惰性模式,[^>]这个表示的就是在<img到/>之间不能出现>,所以结果可以找寻每个<img>标签。
标签: #正则匹配img标签