js正则匹配闭合标签_一问读懂正则表达式（以匹配HTML为例）

最新推荐文章于 2024-07-28 14:13:07 发布

网络小侦探

最新推荐文章于 2024-07-28 14:13:07 发布

阅读量1.5k

点赞数

文章标签： js正则匹配闭合标签

本文链接：https://blog.csdn.net/weixin_31080717/article/details/112435261

版权

本文通过匹配HTML标签来介绍正则表达式的基础知识，包括声明方式、修饰符、字符类别、数量词、集合、边界、分组和断言等。示例演示了如何匹配HTML标签及其内容，强调了最小匹配原则和断言的使用。

摘要由CSDN通过智能技术生成

　　工作中，正则表达式用的可能不是很多，一般使用的时候网上都有现成的实例，很少缺乏比较全面的理解。本文主要以匹配HTML标签为例，简述下正则表达式常用的功能点。匹配HTML片段如下：

let str = `<div id="app"><div>21</div>        <h1>         <span>hello</span>         <span>smile</span>       </h1>     <button>按钮</button></div> `;

　　正则匹配本文查看结果主要用String.match(RegExp)方法，常用的正则匹配方法为：RegExp.test(String),RegExp.exec(String)

　　1、正则表达式的声明

　　　　正则表达式的声明方式和普通变量的声明方式类似，一般情况下有两种，字面量和正则构造方法RegExp。以匹配span标签为例，匹配单个span标签的正则如下：

// 字面量方式 let normalPattern = /span/ // 调用正则构造方法 let pattern = new RegExp('span')

2. 修饰符

　　　　上述的正则，在匹配测试文本是，输出的结果是一个数组，只有一个元素span,如果我想匹配多个呢，这里就要引入正则修饰符的概念了，常用的就是 i 和 g。

i的含义是忽略大小写，比如用/span/只能去匹配span字符串，SPAN匹配不了，如果想匹配SPAN,就要加上i修饰符

g的含义是global，全局查找，正则默认只匹配第一个符合条件的值，如果要全局匹配，就要加上g修饰符。

　　　　具体写法如下：

// 字面量方式 let normalPattern = /span/ig // 调用正则构造方法 let pattern = new RegExp('span', 'ig')

关注