位置: 编程技术 - 正文
推荐整理分享JavaScript正则表达式的分组匹配详解(js中正则表达式语法),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:js中正则表达式语法,JavaScript正则表达,js正则表达式gi,js中正则表达式语法,javascript正则表单验证,javascript正则表单验证,javascript 正则,javascript 正则,内容如对您有帮助,希望把文章链接给更多的朋友!
分组
下面的正则表达式可以匹配kidkidkid:
而另一种更优雅的写法是:
这里由圆括号包裹的一个小整体称为分组。
候选
一个分组中,可以有多个候选表达式,用|分隔:
这里的|相当于“或”的意思。
捕获与引用
被正则表达式匹配(捕获)到的字符串会被暂存起来。其中,由分组捕获的串会从1开始编号,于是我们可以引用这些串:
$1引用了第一个被捕获的串,$2是第二个,依次类推。
与replace配合
String.prototype.replace方法的传参中可以直接引用被捕获的串。比如我们想将日期./改为--:
顺道一提,给replace传迭代函数,有时能优雅地解决一些问题。
将违禁词转换为等字数的星号是一个常见功能。比如文本是kid is a doubi,其中kid与doubi是违禁词,那么转换后应该为*** is a *****。我们可以这么写:
嵌套分组的捕获
如果碰到类似/((kid) is (a (doubi)))/的嵌套分组,捕获的顺序是什么?来试试:
规则是以左括号出现的顺序进行捕获。
反向引用
正则表达式里也能进行引用,这称为反向引用:
1引用了第一个被分组所捕获的串,换言之,表达式是动态决定的。
注意,如果编号越界了,则会被当成普通的表达式:
分组的类型
分组有四种类型:
捕获型 - ()非捕获型 - (:)正向前瞻型 - (=)反向前瞻型 - (!)我们之前说的都是捕获型分组,只有这种分组会暂存匹配到的串。
非捕获型分组
有时候,我们只是想分个组,而没有捕获的需求,则可以使用非捕获型分组,语法为左括号后紧跟::
这个例子中,(:d{4})分组不会捕获任何串,所以$1为(d{2})捕获的串。
正向与反向前瞻型分组
就好像你站在原地,向前眺望:
正向前瞻型分组 - 你前方是什么东西吗?负向前瞻型分组 - 你前方不是什么东西吗?太拗口了,我喜欢称之为肯定表达式与否定表达式。先举个正向前瞻的例子:
kid is a 后面跟着什么?如果是doubi才能匹配成功。
而负向前瞻则刚好相反:
如果前瞻型分组也不会捕获值。那么它与非捕获型的区别是什么?看例子:
可见,非捕获型分组匹配到的串,仍会被外层的捕获型分组捕获到,但前瞻型却不会。当你需要参考后面的值,又不想连它一起捕获时,前瞻型分组就派上用场了。
最后,JS不支持后瞻型分组。
javascript基础知识分享之类与函数化 1.对象适合于收集和管理数据,容易形成树型结构。Javascript包括一个原型链特性,允许对象继承另一对象的属性。正确的使用它能减少对象的初始化时
JavaScript模版引擎的基本实现方法浅析 模板分离了数据与展现,使得展现的逻辑和效果更易维护。利用javascript的Function对象,一步步构建一个极其简单的模板转化引擎模板简介模板通常是指
三个js循环的关键字示例(for与while) 循环的三种写法:!doctypehtmltitlejs循环by积木网/titlemetacharset="utf-8"/metaname="keywords"content="js循环by积木网"/metaname="description"content="js循环by积木网"//headbody//wh
标签: js中正则表达式语法
本文链接地址:https://www.jiuchutong.com/biancheng/369972.html 转载请保留说明!友情链接: 武汉网站建设