JS正则表达式学习之贪婪和非贪婪模式实例总结

本文实例总结了JS正则表达式贪婪和非贪婪模式。分享给大家供大家参考，具体如下：

首先上一段js代码：

<script>
try{
 str="<p>abcdefg</p><p>abcdefghijkl</p>";
 re1=str.match(/<p>[\W\w]+?<\/p>/ig);
 alert("非贪婪模式:\r\n\r\n１："+re1[0]+"\r\n２："+re1[1]);
 re1=str.match(/<p>[\W\w]+<\/p>/ig);
 alert("贪婪模式:\r\n\r\n"+re1);
 re1=str.match(/<p>(.+?)<\/p>/i);
 alert("非贪婪模式，且不要标记:\r\n\r\n１："+re1[1]);
 re1=str.match(/<p>(.+)<\/p>/i);
 alert("贪婪模式，且不要标记:\r\n\r\n"+re1[1]);
}catch(e){
 alert(e.description)
}
</script>

下边给出一些例子：

贪婪模式：

在使用修饰匹配次数的特殊符号时，有几种表示方法可以使同一个表达式能够匹配不同的次数，比如："{m,n}", "{m,}", "?", "*", "+"，具体匹配的次数随被匹配的字符串而定。这种重复匹配不定次数的表达式在匹配过程中，总是尽可能多的匹配。比如，针对文本 "dxxxdxxxd"，举例如下：

贪婪模式：

表达式	匹配结果
(d)(\w+)	"\w+" 将匹配第一个 "d" 之后的所有字符 "xxxdxxxd"
(d)(\w+)(d)	"\w+" 将匹配第一个 "d" 和最后一个 "d" 之间的所有字符 "xxxdxxx"。 虽然 "\w+" 也能够匹配上最后一个 "d"，但是为了使整个表达式匹配成功， "\w+" 可以 "让出" 它本来能够匹配的最后一个 "d"

 

由此可见，"\w+" 在匹配的时候，总是尽可能多的匹配符合它规则的字符。
虽然第二个举例中，它没有匹配最后一个 "d"，但那也是为了让整个表达式能够匹配成功。
同理，带 "*" 和 "{m,n}" 的表达式都是尽可能地多匹配，带 "?" 的表达式在可匹配可不匹配的时候，
也是尽可能的 "要匹配"。这 种匹配原则就叫作 "贪婪" 模式 。

非贪婪模式：

在修饰匹配次数的特殊符号后再加上一个 "?" 号，则可以使匹配次数不定的表达式尽可能少的匹配，使可匹配可不匹配的表达式，尽可能的 "不匹配"。这种匹配原则叫作 "非贪婪" 模式，也叫作 "勉强" 模式。如果少匹配就会导致整个表达式匹配失败的时候，与贪婪模式类似，非贪婪模式会最小限度的再匹配一些，以使整个表达式匹配成功。举例如下，针对文本 "dxxxdxxxd" 举例：

表达式	匹配结果
(d)(\w+?)	"\w+?" 将尽可能少的匹配第一个 "d" 之后的字符， 结果是："\w+?" 只匹配了一个 "x"
(d)(\w+?)(d)	为了让整个表达式匹配成功，"\w+?" 不得不匹配 "xxx" 才可以让后边的 "d" 匹配， 从而使整个表达式匹配成功。因此，结果是："\w+?" 匹配 "xxx"

更多的情况，举例如下：

举例1：表达式 "<td>(.*)</td>" 与字符串 "<td><p>aa</p></td> <td><p>bb</p></td>" 匹配时，匹配的结果是：成功；匹配到的内容是 "<td><p>aa</p></td> <td><p>bb</p></td>" 整个字符串， 表达式中的 "</td>" 将与字符串中最后一个 "</td>" 匹配。

举例2：相比之下，表达式 "<td>(.*?)</td>" 匹配举例1中同样的字符串时，将只得到 "<td><p>aa</p></td>"， 再次匹配下一个时，可以得到第二个 "<td><p>bb</p></td>"。

PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

JavaScript正则表达式在线测试工具：
http://tools./regex/javascript

正则表达式在线生成工具：
http://tools./regex/create_reg

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

# JS  # 正则表达式  # 贪婪模式  # 非贪婪模式  # js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析  # js正则表达式惰性匹配和贪婪匹配用法分析  # JavaScript正则表达式的贪婪匹配和非贪婪匹配  # 第一个  # 第二个  # 可不  # 结果是  # 能多  # 都是  # 不匹配  # 操作技巧  # 特殊符号  # 就会  # 相关内容  # 遍历  # 感兴趣  # 数据结构  # 给大家  # 才可以  # 几种  # 则可  # 可以得到 

相关文章： 如何选择适合PHP云建站的开源框架？  建站之星备案是否影响网站上线时间？  如何在腾讯云服务器快速搭建个人网站？  如何用免费手机建站系统零基础打造专业网站？  网站制作说明怎么写,简述网页设计的流程并说明原因？  如何选择CMS系统实现快速建站与SEO优化？  如何批量查询域名的建站时间记录？  深圳网站制作案例,网页的相关名词有哪些？  如何在橙子建站上传落地页？操作指南详解  ,石家庄四十八中学官网？  专业网站建设制作报价,网页设计制作要考什么证？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  独立制作一个网站多少钱,建立网站需要花多少钱？  如何通过VPS建站无需域名直接访问？  如何在服务器上三步完成建站并提升流量？  如何快速搭建高效WAP手机网站吸引移动用户？  Android自定义listview布局实现上拉加载下拉刷新功能  如何通过二级域名建站提升品牌影响力？  如何高效利用亚马逊云主机搭建企业网站？  ,网页ppt怎么弄成自己的ppt？  如何高效配置IIS服务器搭建网站？  如何在万网主机上快速搭建网站？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  高端网站建设与定制开发一站式解决方案 中企动力  如何通过虚拟主机快速搭建个人网站？  常州自助建站：操作简便模板丰富，企业个人快速搭建网站  公司网站的制作公司,企业网站制作基本流程有哪些？  建站之星多图banner生成与模板自定义指南  岳西云建站教程与模板下载_一站式快速建站系统操作指南  如何挑选高效建站主机与优质域名？  香港服务器网站卡顿？如何解决网络延迟与负载问题？  建站上传速度慢？如何优化加速网站加载效率？  如何零基础开发自助建站系统？完整教程解析  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  中山网站制作网页,中山新生登记系统登记流程？  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  建站之星安全性能如何？防护体系能否抵御黑客入侵？  建站之星安装提示数据库无法连接如何解决？  如何快速上传自定义模板至建站之星？  如何在阿里云服务器自主搭建网站？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  如何用狗爹虚拟主机快速搭建网站？  如何通过虚拟主机空间快速建站？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  建站主机默认首页配置指南：核心功能与访问路径优化