js正则表达式详解及示例讲解

所谓正则表达式，简单来说就是一种规则，一种计算机能读懂的规则。js中的正则表达式语法是Perl5(一种很早的编程语言)的正则语法的子集。本文将在基础知识的基础上添加示例帮助快速理解正则表达式。

学习正则要对字符串以及字符串的函数非常了解，在此不多赘述，了解字符串可见另一篇文章，链接：http://www.cnblogs.com/pomelott/p/6567618.html。

1.正则表达式的创建方法

1.1 var reg=new RegExp(表达式，修饰符)

1.2 var reg=/表达式/修饰符

2.正则表达式的字符类（可表示一类字符）

[...]　　　　　 方括号内的任意一个字符(记住是一个)

[^...]　　　　 不是方括号内的任意字符

[a|b]　　　　   a或b，只能是一个

\w                   任何ASCII字符，等价于[0-9a-zA-Z_]

\w                   任何不是ASCII字符组成的单词，等价于[^0-9a-zA-Z]

\d                   任何数字，等价于[0-9]

\D                   任何非ASCII编码数字，等价于[^0-9]

\s                    任何Unicode空白符

\S                   任何非Unicode空白符

.                      换行符和和其他Unicode行终止符之外的任意字符

[\b]                 退格直接量

    var str="aSsdAeffa";
    var reg=/a/ig;              //i为ignore(忽略大小写)  g为global(全局匹配) ig顺序可调换
    console.log(typeof reg);       //Object  正则表达式是一个对象，而不是字符串。new RegExp()在内部也同样利用第一个参数的字符串创建一个正则对象
    console.log(reg.test(str));    //true   注意这是正则自带的方法，而不是字符串
    console.log(str.match(reg));    //["a", "A", "a"]   全局不区分大小写 ，返回数组

    var str2="afds15d dw";
    var reg2=/\d/g;
    var reg3=/\w\d/;
    console.log(str2.search(reg2));   //
    console.log(str2.search(reg3));   //3   寻早一个字符在前数字在后的组合

3. 修饰符

i             ignore忽略大小写进行匹配

g           global进行全局匹配

m          多行匹配，^匹配一行的开头和字符串的开头，$匹配行的结束和字符串的结束

    var str3="AsadwAPoamelOtT";
    var reg4=/a/;
    var reg5=/a/i;
    var reg6=/a/g;
    var reg7=/a/gi;
    console.log(str3.match(reg4));   //["a", index: 2, input: "AsadwAPoamelOtT"]
    console.log(str3.match(reg5));   //["A", index: 0, input: "AsadwAPoamelOtT"]
    console.log(str3.match(reg6));   //["a", "a"]
    console.log(str3.match(reg7));   //["A", "a", "A", "a"]

4. 量词，修饰前一个字符

{n,m}         n-m此

{n,}            大于等于n次

{,m}           小于等于m次

?                  0次或一次，等价于{0,1}

+                 一次或多次，等价于{1,}

*                 匹配前一项0次或多次，等价于{0,}

      var str4="saf_344 fa4f66gp 9a";
      var reg8=/\d+/g;
      var reg9=/\d\d/g;
      var reg10=/\d{2,}/g;
      var reg11=/\d/g;
      console.log(str4.match(reg8));    //["344", "4", "66", "9"]
      console.log(str4.match(reg9));    //["34", "66"]
      console.log(str4.match(reg10));    //["344", "66"]
      console.log(str4.match(reg11));    //["3", "4", "4", "4", "6", "6", "9"]

5. 锚字符

^            匹配一行的开头

$            匹配一行的结尾

\b          单词边界，意为\w与\w之间的位置，或者位于字符\w与字符串的开头挥着结尾之间的位置

\B          匹配非单词边界

平时不带^和$的正则表达式匹配的是包含符合正则规则的，而加了^和$的表达式匹配的是完全符合正则规则的。

例：邮箱验证

        var str5="pomelott@163.com";
        var str6="pomelo163.com";
        var str7="pomelo@163com";
        var reg12=/^\w+@\w+\.[a-z]{2,4}$/;
        console.log(reg12.test(str5));      //true
        console.log(reg12.test(str6));      //false
        console.log(reg12.test(str7));      //false

6.选择

6.1   /a|b/   匹配a部分或者b部分

          var reg13=/a|b/g;
          var str8="adfsbrsar";
          console.log(str8.match(reg13));    //["a", "b", "a"]

6.2  /..[a|b]../    匹配a或者b

            var reg14=/\da|b\d/g;
            var reg15=/\d[a|b]\d/g;
            var str9="4fd4a6e5b55";
            console.log(str9.match(reg14));   //["4a", "b5"]
            console.log(str9.match(reg15));   //["4a6", "5b5"]

例：去掉行首或者行尾的空格

            var reg16=/^\s+|\s+$/g;
            var str10=" pomelo tt   ";
            console.log(str10.replace(reg16,""));     //pomelo tt

6.3 分组()  将括号内的当成整体来操作，可以用*，+，？，|进行整体修饰

            var str11="java";
            var str12="javascript";
            var reg17=/java(script)?/;     //script可以有也可以没有
            console.log(reg17.test(str11));
            console.log(reg17.test(str12));

            var reg18=/(ab|cd)+|ef/;    //用于匹配存在 一个或多个（ab或cd）或一个ef 的字符串

最后再附上两个例子：

例1.敏感词过滤：我们在游戏中经常看到的***

    var reg19=/fuck|草|日/g;
    var str13="fuck！真实日了狗了！";
    console.log(str13.replace(reg19,"*"));   //*！真实*了狗了！

例2. 检测中文：

    var reg20=/[\u4e00-\u9fa5]/g;    //u为Unicode编码  4e00-9fa5 为数字编码范围
    var str14="pomelo忒忒,wo是qianduan程序员";
    console.log(str14.match(reg20));   //["忒", "忒", "是", "程", "序", "员"]

喜欢请点击右下角推荐，如有疑问可以留言。转载请标明出处。