龙空技术网

「正则表达式」三、正则表达式括号的使用(前端必懂 )

前端自习课 142

前言:

眼前姐妹们对“正则 匹配括号”大概比较关注,我们都需要了解一些“正则 匹配括号”的相关知识。那么小编在网上网罗了一些关于“正则 匹配括号””的相关内容,希望兄弟们能喜欢,咱们快快来了解一下吧!

往期回顾

「正则表达式」 一、正则表达式字符匹配(前端必懂 )

「正则表达式」二、正则表达式位置匹配(前端必懂 )

正文内容

简单理解:括号提供了分组,便于我们使用它。

通常有两种引用情况:在JS代码中引入,和在正则表达式中引入。

分组和分支结构,主要是强调括号内是一个整体,即提供子表达式。

分组如 /(ab)+/g 匹配连续出现的 ab 。分支结构如 /(a|b)+/g 匹配出现的 a 或 b 表达式。1.分组引用

如在日期匹配的时候,就可以这么改造:

提取数据替换

将 yyyy-mm-dd 转成 mm/dd/yyyy。

2. 反向引用

使用 \n 表示第 n 个分组,比如 \1 表示第 1 个分组:

多个括号嵌套

按照开括号的顺序:

特殊情况

\10 表示的是第 10 个分组,若要匹配 \ 和 0 时,使用 (?:\1)0 或 \1(?:0)。

当引用不存在的分组

如匹配 \2 是前面不存在,则匹配 \2 本身,即对 2 的转义,不同浏览器可能不同:

分组后面有量词

当分组后面有量词的话,则捕获的是最后一次的匹配:

3. 相关案例

这里只写出核心代码。

模拟字符串 trim 方法每个单词首字母大写驼峰化 和 中划线化匹配成对HTML标签

匹配成对标签 <h1>leo<\h1>,而不匹配不成对标签 <h1>leo<\h2>。

公众号:前端自习课

标签: #正则 匹配括号 #正则表达式 匹配括号里面的内容 #正则表达式 中括号 #正则匹配括号内容 #正则表达式中括号转义