前言
刚学习前端的时候,我只认为正则表达式只是用于校验数据,直到使用Vscode编辑器之后才知道正则表达式不仅仅用于程序数据校验,还可以对文档内容进行检索与批量替换内容。
学习正则表达式
正则表达式30分钟入门教程deerchao.cn常用正则表达式
快速提取a标签的链接。
<as+(?:[^>]*?s+)?href?=?["']([^'^"]*)["'][^>]*>
快速清除html行内的style样式。
style="(.*?)"
快速匹配特定标签的所有内容。
:: 格式:[标签](n|.)*[标签]
<p>(n|.)*</p>
快速多余空行。
^s*(?=r?$)n
快速清除多余空格。
^s*|s*$
快速匹配当前行。
^.*$
快速查找相邻重复字符。
:: 格式:^[字符]{2}$
^a{2}$
这个是用来检测打字是否手误多打字符。
使用方法
以”快速多余空行“表达式为例。
- 使用VScode编辑器打开文本。
![34ab6f9e135cc2b86226211c47ee929c.png](https://i-blog.csdnimg.cn/blog_migrate/262ae940edebf3cd9cf07fec3da1d1ab.png)
2. 点击左边菜单的“搜索”。
![0e5e88559e583cdadb22f23626f4daf9.png](https://i-blog.csdnimg.cn/blog_migrate/8cf8f9b3e4d7e77c9618558f13807625.png)
3. 在搜索输入框,输入正则表达式,并选中”正则表达式“。
![0bc8cb95a7e59c36bdaf9ce3263de127.png](https://i-blog.csdnimg.cn/blog_migrate/58a3b7680e4610c073ad9819e76bf89b.png)
4. 点击”替换“。
![4e59888067b8832c6cdd45ba79585532.png](https://i-blog.csdnimg.cn/blog_migrate/dba19e538b8abdf08d667f86e4857225.png)
5. 完成替换。
![6c2faa7fa021eabf5f918c2b52cb007f.png](https://i-blog.csdnimg.cn/blog_migrate/977779a37347c0c24a82cc16ffca1833.png)
建议
严格匹配,就多使用^与$。
谨慎使用.(点)。
多用正则表达式,提高工作效率。