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

很多时候会遇到需要匹配出一段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...