正则表达式基础教程-优快云博客

本文链接：https://blog.youkuaiyun.com/angjunqiang/article/details/41777535

本文介绍了正则表达式的常用操作方法，包括字符串查找、替换、分割等，并详细讲解了正则表达式的特殊字符及量词规则。通过实例演示如何进行文本过滤和邮箱验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、正则表达式的一些常用字符串操作
1、search();查找,返回字符位置，找不到就返回-1
2、substring(begin,end);获取字符串子串;
3、charAt();获取某个字符;
4、split();分隔字符串获得数组,根据某个字符来切分字符串;
5、replace('目标','新的内容');目标表示要替换的内容，这里一般用正则表达式来实现，新的内容表示要换的内容;
二、正则表达式的作用：可以判断字符串是否符合某个规则;
三、RegExp对象：
1、JS风格---var re=new RegExp('a'，'i');代表a本身,i表示忽略大小写;
2、perl风格-----var re=/a/i;代表a本身,i表示忽略大小写;
四、目标.match(正则),把所有匹配的内容都提取出来。
var re=/\d+/g;var re=new RegExp('\d+','g');g表示找到全部的数字,+表示若干个;
五、正则.test(目标)方法，只要目标包含正则就返回true.
六、元字符[]
1、任意字符[]里面的字符表示或，/[abc]pc/g 表示apc,bpc,cpc都可以符合要求;
2、[]也可以表示范围[a-z], [0-9]表示从a到z，0-9都可以匹配;同时[^a-z]表示除了a到z以外的字符都可以匹配。也可以组合使用如：[^a-z0-9]表示除了字母和数字都可以匹配。
3、转义字符：
.(点)---任意字符
\d 数字 [0-9]   \D [^0-9]
\w 英文数字和下划线 [a-z0-9_]   \W [^a-z0-9_]
\s 表示一个空白字符 \S 非空白字符。
4、量词
{n} 表示正好出现n次如：[1-9]\d{7} 表示正好出现8个数字
{n,m}表示出现最少n次，最多m位   [1-9]/d{4-10}
{n,}表示最少n次，最多不限定   {1，}与+等价 {0,1}与?号等价。表示可以出现也可以不出现。{0，}与*号等价，表示可以没有，也可以有多个
5、^ 表示字符串的开头 $ 表示字符串的结尾。

6、对于有些特殊的符号需要转义如“ .” “+”号，一般用“\”进行转义。

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
    <title>正则表达式</title>
<script type="text/javascript">
window.οnlοad=function(){
  var re=new RegExp('a','i');//var re=/a/i;
  var str="abcdcf";
   
  var oTxt1=document.getElementById('txt1');
  var oTxt2=document.getElementById('txt2');
  var oTxt3=document.getElementById('txt3');
  var oBtn1=document.getElementById('btn1');
  var oBtn2=document.getElementById('btn2');
  var oBtn3=document.getElementById('btn3');
   oBtn1.οnclick=function(){
        var re1=/北京|百度|淘宝/g;
        oTxt2.value=oTxt1.value.replace(re1,'****');
   }

    oBtn2.οnclick=function(){
        //<任意字符>
        var re2=/<[^<>]+>/g; //去掉html标签
        oTxt2.value=oTxt1.value.replace(re2,'');
   }

    oBtn3.οnclick=function(){
        //<任意字符>
        var re3=/^\w+@[a-z0-9]+\.[a-z]+$/i; //去掉html标签
        if(re3.test(oTxt3.value)){
            alert("合法的邮箱");
        }else{
            alert("不合法的邮箱");
        }
       // oTxt3.value=oTxt1.value.replace(re2,'');
   }
};
</script>
</head>
<body>
过滤关键字  过滤html标签
<hr>
   <textarea id="txt1" rows="10" cols="40"></textarea>
   <input id="btn1" type="button" value="过滤字符"/>
   <input id="btn2" type="button" value="过滤html标签" />
   <textarea id="txt2" rows="10" cols="40"></textarea>
<hr>
邮箱校验
<input type="text" id="txt3" /><input type="button" id="btn3" value="邮箱校验">
</body>
</html>

正则表达式基本知识