正则表达式匹配代码注释以外的中文字符

最新推荐文章于 2023-03-10 14:13:42 发布

步余马于青崖间

最新推荐文章于 2023-03-10 14:13:42 发布

阅读量1k

点赞数 1

分类专栏：正则表达式 Javascript 文章标签：正则表达式 javascript Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_43934902/article/details/129193732

版权

Javascript 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

正则表达式

1 篇文章 0 订阅

订阅专栏

思路：匹配中文并依次排除注释中的内容，检测字符是否在注释中时使用了正则表达式的断言。

1. 根据Unicode编码规则，匹配中文使用：[\u4e00-\u9fa5]，注：该范围不含中文标点符号等字符
 
2. 排除单行注释，即忽略单行中出现//后的内容：(?<!\/\/.*)[\u4e00-\u9fa5]+
 
3. 排除/**/包裹的多行注释：(?<!\/\*(.(?<!\*\/)\n?)*)[\u4e00-\u9fa5]+
 
4. 同理，排除<!---->包裹的多行注释：(?<!<!--(.(?<!-->)\n?)*)[\u4e00-\u9fa5]+
 
5. 整合为一个表达式：(?<!(\/\*(.(?<!\*\/)\n?)*)|(<!--(.(?<!-->)\n?)*)|(\/\/.*))[\u4e00-\u9fa5]+

JavaScript完整测试代码，将以下代码保存为html文档，在浏览器打开即可在控制台查看效果。

<html>
<head>
    <title>正则测试</title>
</head>
<body>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <script>
        $(function () {
            var content = `<html>
<head>
        <title>Regex</title>
</head>
<body>
        <h1>匹配中文标题</h1>
        <!--<p>不匹配注释</p>-->
        <p>匹配中文<br />段落</p>
        <!--<div>
            <p>不匹配多行注释</p>
        </div>-->
    <script>
                $(function () {

                    匹配中文abc //不匹配注释

                    /* 不匹配
                    注释
                    */

                });`;

            //去除//类型的注释
            console.log(content.match(/(?<!\/\/.*)[\u4e00-\u9fa5]+/g));
            //去除/**/类型的注释
            console.log(content.match(/(?<!\/\*(.(?<!\*\/)\n?)*)[\u4e00-\u9fa5]+/g));
            //去除<!---->类型的注释
            console.log(content.match(/(?<!<!--(.(?<!-->)\n?)*)[\u4e00-\u9fa5]+/g));

            //匹配
            console.log(content.match(/(?<!(\/\*(.(?<!\*\/)\n?)*)|(<!--(.(?<!-->)\n?)*)|(\/\/.*))[\u4e00-\u9fa5]+/g));
            //替换
            console.log(content.replace(/(?<!(\/\*(.(?<!\*\/)\n?)*)|(<!--(.(?<!-->)\n?)*)|(\/\/.*))[\u4e00-\u9fa5]+/g,''));

        });
    </script>
</body>
</html>