正则表达式学习

最新推荐文章于 2024-09-24 11:21:23 发布

南北极之间

最新推荐文章于 2024-09-24 11:21:23 发布

阅读量411

点赞数 1

分类专栏：前端开发

本文链接：https://blog.csdn.net/qq_22182989/article/details/98038364

版权

前端开发专栏收录该内容

587 篇文章 56 订阅

订阅专栏

在线生成正则表达式：

https://www.sojson.com/regex/generate

工具简介

到底什么是正则表达式？

在编写处理字符串的程序或网页时，经常有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说，正则表达式就是记录文本规则的代码。

常用元字符

代码	说明
.	匹配除换行符以外的任意字符
\w	匹配字母或数字或下划线
\s	匹配任意的空白符
\d	匹配数字
\b	匹配单词的开始或结束
^	匹配字符串的开始
$	匹配字符串的结束

常用限定符

代码/语法	说明
*	重复零次或更多次
+	重复一次或更多次
?	重复零次或一次
{n}	重复n次
{n,}	重复n次或更多次
{n,m}	重复n到m次

常用反义词

代码/语法	说明
\W	匹配任意不是字母，数字，下划线，汉字的字符
\S	匹配任意不是空白符的字符
\D	匹配任意非数字的字符
\B	匹配不是单词开头或结束的位置
[^x]	匹配除了x以外的任意字符
[^aeiou]	匹配除了aeiou这几个字母以外的任意字符

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        window.onload = function () {
            var oTxt1 = document.getElementById('txt1');
            var oTxt2 = document.getElementById('txt2');
            var oBtn = document.getElementById('btn1');

            oBtn.onclick = function () {
                var re = /成都|高新|哪吒/g;
                oTxt2.value = oTxt1.value.replace(re, '❤❤');
            }
        }
    </script>
</head>

<body>
    <textarea id="txt1" cols="40" rows="10"></textarea><br />
    <input id="btn1" type="button" value="过滤" /><br />
    <textarea id="txt2" cols="40" rows="10"></textarea>
</body>
<pre>
    成都 高新 哪吒的最新相关信息
20小时前 探访《哪吒之魔童降世》背后的“成都高新籍”创作团队  中国新闻网 
成都高新区供图 《哪吒之魔童降世》主创团队来自位于成都高新区的成都可可豆动画影视有限公司,由成都人“80后鬼才”动画导演饺子执导,是地地道道的...
22小时前 “哪吒”创国产动画电影最高票房新纪录 “国漫”从...  四川新闻网
23小时前 逆天改命刷新纪录!这个“成都高新籍”哪吒有点刚!...  澎湃新闻
18小时前 “成都高新造”《哪吒之魔童降世》票房破11亿 续集...  新华网四川站
2天前 《哪吒》:成都造「熊孩子」故事书写国产动画电影票...  天府TV
爆款诞生地!探访《哪吒》的“成都高新籍”团队_华语_电影网_1905...
1天前 - 随着影片的热映,“成都高新籍”影片制作团队也开始被越来越多的人关注。 《哪吒之魔童降世》主创团队来自位于成都高新区的成都可可豆动画影视有限公司...
</pre>

</html>

效果：

i忽略大小写

g全局-》全部找出来。不写的话。只会找一个

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        window.onload = function () {
            var oTxt1 = document.getElementById('txt1');
            var oTxt2 = document.getElementById('txt2');
            var oBtn = document.getElementById('btn1');

            oBtn.onclick = function () {
                var re = /<[^<>]+>/g;
                oTxt2.value = oTxt1.value.replace(re, '');
            }
        }
    </script>
</head>

<body>
    <textarea id="txt1" cols="40" rows="10"></textarea><br />
    <input id="btn1" type="button" value="过滤" /><br />
    <textarea id="txt2" cols="40" rows="10"></textarea>
</body>
</html>

效果：

材料：

<p style="text-align:center">&ldquo;成都造&rdquo;动画电影《哪吒之魔童降世》宣传海报</p><p style="text-indent:2em;">电影暑期档最大&ldquo;爆款&rdquo;&mdash;&mdash;原创动画电影《哪吒之魔童降世》（以下简称《哪吒》）从一上映就好评如潮，不仅倔强成长、逆天改命的哪吒备受网友喜爱，电影中众多的成都元素也被热议。而这部电影正是地地道道的&ldquo;成都造&rdquo;。</p><p style="text-indent:2em;">现象级手游《王者荣耀》在成都诞生，承接了《流浪地球》800多个镜头的MOREVFX正计划在成都高新区建立千人制作基地&hellip;&hellip;&ldquo;成都造&rdquo;为何频出爆款？昨日，在接受记者专访时，可可豆动画影视有限公司总裁、电影《哪吒》制片人刘文章揭秘团队在蓉发展经历，表示&ldquo;我们的选择是明智的。&rdquo;</p><p style="text-indent:2em;">软实力</p><p style="text-indent:2em;">&ldquo;成都的城市环境</p><p style="text-indent:2em;">让我们能安心搞创作&rdquo;</p><p style="text-indent:2em;">7月26日，国产动画电影《哪吒》正式公映，上映1小时29分，票房破亿，创国内动画电影最快破亿纪录。7月27日晚，影片票房破4亿，创国内动画电影单日票房新纪录，成为中国影史首部单日票房破2亿的动画电影。</p>

正则的方法test用来检验是否合法。合法就是true

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        window.onload = function () {
            var oTxt = document.getElementById('txt1');
            var oBtn = document.getElementById('btn1');
            oBtn.onclick = function () {
                var re = /^\w+@[a-z0-9]+.[a-z]+$/i;
                if (re.test(oTxt.value)) {
                    console.log('合法的邮箱');
                } else {
                    console.log('邮箱错误');
                }
            }
        }
    </script>
</head>

<body>
    <input type="text" id="txt1" />
    <input type="button" value="校验" id="btn1">
</body>

</html>