广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >JS之正则表达式懒惰性和贪婪性的示例分析
  • 213
分享到

JS之正则表达式懒惰性和贪婪性的示例分析

2024-04-02 19:04:59 213人浏览 泡泡鱼
摘要

这篇文章主要为大家展示了“js之正则表达式懒惰性和贪婪性的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JS之正则表达式懒惰性和贪婪性的示例分析”这篇文

这篇文章主要为大家展示了“js正则表达式懒惰性和贪婪性的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JS之正则表达式懒惰性和贪婪性的示例分析”这篇文章吧。

exec - > 正则的捕获

每一次捕获的时候都是先进行默认的匹配,如果没有匹配成功的,捕获的结果是null;只有有匹配的内容我们才能捕获到;

捕获的内容格式

1、捕获到的内容是一个数组,数组中的第一项是当前正则捕获的内容

  index:捕获内容在字符串中开始的索引位置

  input:捕获的原始字符串

var reg = /\d+/;
var str = 'woshi2016ni2017';
var res = reg.exec(str);
console.log(res) // ['2016',index:5,input:'woshi2016ni2017']
//第二次通过exec捕获的内容还是第一个"2016"
var res = reg.exec(str);
console.log(res) // ['2016',index:5,input:'woshi2016ni2017']

2、正则捕获的特点

  1)、懒惰性->每一次执行exec只捕获第一个匹配的内容,在不进行任何处理的情况下,在执行多次捕获,捕获的还是第一个匹配的内容。

  lastIndex:是正则每一次捕获在字符串中开始查找的位置,默认值为0

  2)、如何解决懒惰性?在正则的末尾加一个修饰符"g"

  修饰符:g、i、m

  global(g):全局匹配

  ignoreCase(i):忽略大小写匹配

  multiline(m):多行匹配  

var reg = /\d/g;
var str = 'woshi2016ni2017';
console.log(reg.lastIndex)
console.log(reg.exec(str))

   原理:加了全局修饰符g,正则每一次捕获结束后,我们的lastIndex的值都变成了最新的值,下一次捕获从最新的位置开始查找,这样就可以把所有需要捕获的内容都获取到了

  3)、自己编写程序获取正则捕获的所有的内容(一定不要忘了加g)

var reg = /\d+/g;
    var str = 'aswofde2015xsewde2016awdefer2017';
    var ary = [];
    var res = reg.exec(str);
    while(res){
      ary.push(res[0])
      res = reg.exec(str);
    }
    console.log(ary)//[2015,2016,2017]

  4)、贪婪性   正则的每一次捕获都是按照匹配最长的结果捕获的,例如:2符合正则、2015也符合正则,我们默认捕获的是2015

  5)、如何解决正则的贪婪性 ->在量词元字符后面添加一个?即可 

var reg = /\d+?/g;
    var str = 'aswofde2015xsewde2016awdefer2017';
    console.log(reg.exec(str));

  ?在正则中有很多的作用:

  放在一个普通的元字符后面代表出现0-1次 /\d?/  ->数字可能出现也可能不出现

  放在一个量词的元字符后面是取消捕获时候的贪婪性

3、字符串中的match方法->把所有和正则匹配的字符都获取到  

var reg = /\d+?/g;
    var str = 'aswofde2015xsewde2016awdefer2017';
    var ary = str.match(reg);//[2,0,1,5,2,0,1,6,2,0,1,7]

虽然在当前的情况下match比我们的exec更加的简便一些,但是match中存在一些自己处理不了的问题,在分组的捕获的情况下,match只能捕获大正则匹配的内容,而对于小正则捕获的内容是无法获取的

以上是“JS之正则表达式懒惰性和贪婪性的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网VUE频道!

--结束END--

本文标题: JS之正则表达式懒惰性和贪婪性的示例分析

本文链接: https://www.lsjlt.com/news/79976.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JS之正则表达式懒惰性和贪婪性的示例分析
    这篇文章主要为大家展示了“JS之正则表达式懒惰性和贪婪性的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JS之正则表达式懒惰性和贪婪性的示例分析”这篇文...
    99+
    2022-10-19
  • JavaScript正则表达式之非捕获性分组的示例分析
    这篇文章主要介绍了JavaScript正则表达式之非捕获性分组的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。非捕获性分组定义子表达...
    99+
    2022-10-19
  • JS正则表达式验证密码格式的示例分析
    这篇文章将为大家详细讲解有关JS正则表达式验证密码格式的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 1.密码必须为6-18位字母、数字、特殊符号的:...
    99+
    2022-10-19
  • Linux--shell脚本之正则表达式的示例分析
    小编给大家分享一下Linux--shell脚本之正则表达式的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、正则表达式的概念及特点:正则表达式是对字符串...
    99+
    2023-06-09
  • CentOS下命令汇总之正则表达式的示例分析
    这篇文章将为大家详细讲解有关CentOS下命令汇总之正则表达式的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。正则表达式分两类:基本正则表达式(BRE)和扩展正则表达式(ERE)。基本正则表达式的...
    99+
    2023-06-10
  • ES6中正则表达式和字符串正则方法的示例分析
    这篇文章给大家分享的是有关ES6中正则表达式和字符串正则方法的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。RegExp构造函数在ES5中,RegExp构造函数的参数有两...
    99+
    2022-10-19
  • Linux中Shell脚本编程之正则表达式的示例分析
    这篇文章主要介绍了Linux中Shell脚本编程之正则表达式的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一 正则表达式与通配符1 正则表达式是用在文件中匹配符合条...
    99+
    2023-06-09
  • js正则表达式验证时间格式xxxx-xx-xx形式的示例分析
    这篇文章主要介绍js正则表达式验证时间格式xxxx-xx-xx形式的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!在项目中,我们经常会遇到时间问题,有时候是使用时间插件,让用...
    99+
    2022-10-19
  • js输入框使用正则表达式校验输入内容的示例分析
    这篇文章主要介绍了js输入框使用正则表达式校验输入内容的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。js输入框输入校验 func...
    99+
    2022-10-19
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作