一键清除JavaScript代码中的注释:使用正则表达式实现

这个正则表达式可以有效地匹配 JavaScript 代码中的各种注释,并且跳过了以 http:https: 开头的链接。

js 复制代码
/\/\*[\s\S]*?\*\/|\/\/[^\n]*|<!--[\s\S]*?-->|(?<!http:|https:)\/\/[^\n]*/g

vscode 实战,ctrl+F 调出查找替换工具,点击后面的正则匹配,输入我们的代码,替换值为空,即可实现一键全部替换,可以看到黄色部分就是匹配到的注释行,非常 nice

正则表达式解析:

  • 1 . \/\*[\s\S]*?\*\/ :匹配多行注释,包括 /* 开头和 */ 结尾之间的任何字符(包括换行符)。 [\s\S] 匹配任何字符, *? 表示非贪婪匹配,尽可能少地匹配字符。

  • 2 . \/\/[^\n]* :匹配单行注释,即以 // 开头的注释内容。 [^\n]* 匹配除换行符之外的任何字符。

  • 3 . <!--[\s\S]*?--> :匹配 HTML 注释,即 <!-- 开头和 --> 结尾之间的任何字符(包括换行符)。

  • 4 . (?<!http:|https:)\/\/[^\n]* :匹配单行注释,并且跳过以 http:https: 开头的链接。 (?<!http:|https:) 是一个负向零宽断言,用于确保 // 前面不是 http:https:

末尾的 /g 是指全局匹配(global match )标志,表示在目标字符串中查找所有匹配的子字符串,而不仅仅是第一个匹配项。如果不使用 /g 标志,那么正则表达式将只会匹配目标字符串中的第一个匹配项,并在找到第一个匹配项后停止搜索。

相关推荐
神秘人X70721 小时前
正则表达式笔记
正则表达式·shell·脚本
然我3 天前
前端正则面试通关指南:一篇吃透所有核心考点,轻松突围面试
前端·面试·正则表达式
Lynnxiaowen5 天前
今天继续昨天的正则表达式进行学习
linux·运维·学习·正则表达式·云计算·bash
前端世界8 天前
Python 正则表达式实战:用 Match 对象轻松解析拼接数据流
python·正则表达式·php
Edward.W9 天前
别再和正则表达式死磕了!这套AI工具集让你的开发效率翻倍⚙️[特殊字符]
人工智能·正则表达式
beijingliushao9 天前
58-正则表达式
数据库·python·mysql·正则表达式
雷达学弱狗9 天前
正则表达式,字符串的搜索与替换
正则表达式
良木林9 天前
JS中正则表达式的运用
前端·javascript·正则表达式
ComputerInBook9 天前
C++编程语言:标准库:第37章——正则表达式(Bjarne Stroustrup)
开发语言·c++·正则表达式
雷达学弱狗9 天前
正则表达式与转义符的区别。注意输入的东西经过了一次转义,一次正则表达式。\\转义是单斜杠\\在正则表达式也是单斜杠所以\\\\经过两道门才是字符单斜杠
正则表达式