正则表达式之 "逆序肯定环视"

前端之家收集整理的这篇文章主要介绍了正则表达式之 "逆序肯定环视"前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

很多时候会遇到需要匹配出一段html字符中的图片地址,这样的情况下可以使用正则表达式来实现,但是由于html中存在其他标签也有src属性,所以为了区分开img标签跟其他的,如script...一般都要先匹配出整个img标签中的内容,再提取出src的值。(不推荐正则匹配html)

var patt = /]+src=['"]([^'"]+)['"]+/g;
var result = [],temp;
 
while( (temp= patt.exec(str)) != null ) {
    result.push(temp[1]);
}

但是正则表达式中有一种叫做“逆序肯定环视”的特性,这个特性可以直接匹配出img标签中的src的值,不过遗憾的是,javascript中不支持这个特性。(这个特性已经在下一版ES的提案上了,相信不久的将来,在Javascript中也就能用到这个特性了。)下面使用python来测试一下逆序肯定环视这个特性:

import re

patt = re.compile(r'(?<=<img src=")[^"]*',re.I)
str = '<div><img src="http://www.baidu.com/img/a.jpg"/><img src="http://www.badu.com/ll/a.jpg"/></div>'
r = patt.findall(str)
  
print(r)    //['http://www.baidu.com/img/a.jpg','http://www.badu.com/ll/a.jpg']

可以看到使用逆序肯定环视匹配到的结果就是img标签中的src值。

逆序肯定环视的语法:

(?<=...)  #之前的字符串内容需要匹配表达式才能匹配成功,不消耗字符串内容

如:

(?<=\d)a

即匹配的是在 前面是数字的字符'a'

关于环视匹配的正则特性有四种:

1.正序肯定环视 (?=...)
2.正序否定环视 (?!...)
3.逆序肯定环视 (?<=...)
4.逆序否定环视 (?<!...)

更多关于这几种特性的文章可阅读:

1.正则表达式中的向后匹配
2.https://github.com/lifesinger...

原文链接:https://www.f2er.com/regex/359649.html

猜你在找的正则表达式相关文章