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

最新推荐文章于 2023-05-17 16:10:53 发布

原创最新推荐文章于 2023-05-17 16:10:53 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式 #javascript

Javascript 同时被 2 个专栏收录

4 篇文章

订阅专栏

正则表达式

1 篇文章

订阅专栏

文章介绍了如何使用正则表达式在JavaScript中匹配中文字符，同时排除单行和多行注释，包括//、/**/、形式的注释。提供了一段完整的测试代码用于演示和验证效果。

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

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>