正则表达式基本知识

墨蓝 2022-08-06 00:25 180阅读 0赞

一、正则表达式的一些常用字符串操作  
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>