免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
› 论坛 › 程序设计 › PHP › js的正则方法使用实例
最近访问板块 发新帖
查看: 2076 | 回复: 0
打印 上一主题 下一主题

js的正则方法使用实例 [复制链接]

so_brave

论坛徽章:
0
跳转到指定楼层
1楼 [收藏(0)] [报告]
发表于 2011-08-08 13:16 |只看该作者 |倒序浏览
js的正则方法使用实例



一 javascript正则表达式的基本知识

1     javascript 正则对象创建 和用法

    声明javascript 正则表达式
   
     var reCat = new RegExp("cat");
      你也可以
     var reCat = /cat/;      //Perl 风格   （推荐）

2 学习最常用的 test exec match search  replace  split 6个方法

   1） test  检查指定的字符串是否存在

       var data = "123123";
       var reCat = /123/gi;
       alert(reCat.test(data));  //true
     
       //检查字符是否存在  g 继续往下走  i 不区分大小写

   2） exec 返回查询值

       var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
       var reCat = /cat/i;
       alert(reCat.exec(data));  //Cat

     3）match  得到查询数组

       var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
       var reCat = /cat/gi;
       var arrMactches = data.match(reCat)

       for (var i=0;i < arrMactches.length ; i++)
       {
            alert(arrMactches);   //Cat  cat
       }

     4） search  返回搜索位置  类似于indexof

       var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
       var reCat = /cat/gi;
       alert(data.search(reCat));  //23


    5） replace  替换字符  利用正则替换

       var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
       var reCat = /cat/gi;
       alert(data.replace(reCat,"libinqq"));

    6）split   利用正则分割数组

       var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
       var reCat = /\,/;
       var arrdata = data.split(reCat);

       for (var i = 0; i < arrdata.length; i++)
       {
            alert(arrdata);
       }

3  学习下  简单类   负向类  范围类  组合类

  2.     //简单类
  3.        var data = "1libinqq,2libinqq,3libinqq,4libinqq";
  4.        var reCat = /[123]libinqq/gi;
  5.        var arrdata = data.match(reCat);

  7.        for (var i = 0; i < arrdata.length; i++)
  8.        {
  9.             alert(arrdata[i]);  // 1libinqq 2libinqq  3libinqq
  10.        }

  12.        //负向类
  13.        var data = "alibinqq,1libinqq,2libinqq,3libinqq,4libinqq";  //\u0062cf
  14.        var reCat = /[^a123]libinqq/gi;
  15.        var arrdata = data.match(reCat);

  17.        for (var i = 0; i < arrdata.length; i++)
  18.        {
  19.             alert(arrdata[i]);  //4libinqq
  20.        }

  22.        //范围类
  23.        var data = "libinqq1,libinqq2,libinqq3,libinqq4,libinqq5";  //\u0062cf
  24.        var reCat = /libinqq[2-3]/gi;
  25.        var arrdata = data.match(reCat);

  27.        for (var i = 0; i < arrdata.length; i++)
  28.        {
  29.             alert(arrdata[i]);   // libinqq2  libinqq3
  30.        }

  32.        //组合类
  33.       var data = "a,b,c,w,1,2,3,5";  //\u0062cf
  34.        var reCat = /[a-q1-4\n]/gi;
  35.        var arrdata = data.match(reCat);

  37.        for (var i = 0; i < arrdata.length; i++)
  38.        {
  39.             alert(arrdata[i]);  // a b c 1 2 3
  40.        }
复制代码
二  javascript  正则表达式是分组知识
1） 简单分组

Js代码运行
  1. •<script language="JavaScript">   
  2. •  <!--   
  3. •    /*正则表达式  简单的分组  
  4. •    举例 我们要查找字符串 MouseMouse  
  5. •
  6. •    var reCat = /MouseMouse/gi;   
  7. •      
  8. •    尽管这是可以的，但是有点浪费。如果不知道Mouse 在字符串中到底出现几次时该怎么办，如果重复多次呢。  
  9. •    var reCat = /(mouse){2}/gi;    括号的意思列Mouse 将在一行连续出现2次。  
  10. •
  11. •    */     
  12. •      
  13. •    var data = "Ah-mousemouse";     
  14. •    var reCat = /(mouse){2}/gi;      
  15. •    var arrdata = data.match(reCat);   
  16. •  
  17. •    for (var i = 0; i < arrdata.length; i++)   
  18. •    {   
  19. •        alert(arrdata[i]);   
  20. •    }   
  21. •  //-->   
  22. •  </script>
复制代码
2 复杂分组

Js代码运行
  1. •<script language="JavaScript">   
  2. •  <!--   
  3. •    /*正则表达式  复杂的分组  
  4. •         ?   零次 或 一次  
  5. •    *   零次 或 多次  
  6. •    +   最少一次 或 多次  
  7. •    */     
  8. •      
  9. •    var data = "bb ba da bad dad aa ";     
  10. •    var reCat = /([bd]ad?)/gi;   // 匹配出 ba da bad  dad   
  11. •    var arrdata = data.match(reCat);   
  12. •  
  13. •    for (var i = 0; i < arrdata.length; i++)   
  14. •    {   
  15. •        alert(arrdata[i]);   
  16. •    }      
  17. •      
  18. •  
  19. •    // 同时 也不介意将分组放在分组中间   
  20. •    // var re = /(mom( and dad)?)/;    匹配出 mom  或  mon and daa   
  21. •  //-->   
  22. •  </script>  
复制代码
3 反向引用

Js代码运行
  1. •<script language="JavaScript">   
  2. •  <!--   
  3. •    /*正则表达式  反向引用*/  
  4. •  
  5. •    var sToMatch = "#123456789";   
  6. •    var reNumbers = /#(\d+)/;   
  7. •    reNumbers.test(sToMatch);   
  8. •    alert(RegExp.$1);   
  9. •  
  10. •    /*   
  11. •      这个例子尝试匹配后面跟着几个或多个数字的镑符合，并对数字进行分组  
  12. •      以存储他们。在调用 test 方法后，所有的反向引用都保存到了 RegExp 构造函数中  
  13. •      从 RegExp.$1(它保存了第一个反向引用）开始，如果还有第二个反向引用，就是  
  14. •      RegExp.$2，如果还有第三个反向引用存在，就是 RegExp.$3.依此类推。因为该组  
  15. •      匹配了 “123456780”，所以 RegExp.$1 中就存储了这个字符串。  
  16. •
  17. •    */  
  18. •  
  19. •  
  20. •    var sToChange = "1234 5678";   
  21. •    var reMatch = /(\d{4}) (\d{4})/;   
  22. •    var sNew = sToChange.replace(reMatch,"$2 $1");   
  23. •    alert(sNew);   
  24. •  
  25. •    /*  
  26. •      在这个例子中，正则表达式有两个分组，每一个分组有四个数字。在 replace() 方法的第二个参数  
  27. •      中，$2 等同于 “5678” ，而 $1 等同于 “1234”，对应于它们在表达式中的出现顺序。  
  28. •    */  
  29. •  
  30. •  //-->   
  31. •  </script>
复制代码
4 候选

Js代码运行
  1. •<script language="JavaScript">   
  2. •  <!--   
  3. •    /*正则表达式  候选 */  
  4. •    var sToMatch1 = "red";   
  5. •    var sToMatch2 = "black";   
  6. •    var reRed = /red/;   
  7. •    var reBlack = /black/;   
  8. •  
  9. •    alert(reRed.test(sToMatch1) || reBlack.test(sToMatch1));   
  10. •    alert(reRed.test(sToMatch2) || reBlack.test(sToMatch2));   
  11. •  
  12. •    /*  
  13. •     这虽然能完成任务，但是十分沉长，还有另一种方式就是正则表达式的候选操作符。  
  14. •    */  
  15. •  
  16. •    var sToMatch1 = "red";   
  17. •    var sToMatch2 = "black";   
  18. •    var reRedOrBlack = /(red|black)/;   
  19. •    alert(reRedOrBlack.test(sToMatch1));   
  20. •    alert(reRedOrBlack.test(sToMatch2));   
  21. •  
  22. •  //-->   
  23. •  </script>  
复制代码
5 非捕获性分组

Js代码运行
  1. •<script language="JavaScript">   
  2. •  <!--   
  3. •    /*正则表达式  非捕获性分组  
  4. •      
  5. •    如果要创建一个非捕获性分组，只要在左括号的后面加上一个问号和一个紧跟的冒号：  
  6. •    */  
  7. •  
  8. •    var sToMatch = "#123456789";   
  9. •    var reNumbers = /#(?:\d+)/;   
  10. •    reNumbers.test(sToMatch);   
  11. •    alert(RegExp.$1);   
  12. •  
  13. •    /*  
  14. •    这个例子的最后一行代码输出一个空字符串，因为该组是非捕获性的，  
  15. •    */  
  16. •  
  17. •    var sToMatch = "#123456789";   
  18. •    var reNumbers = /#(?:\d+)/;   
  19. •    alert(sToMatch.replace(reNumbers,"abcd$1"));   
  20. •  
  21. •    /*  
  22. •    正因如此，replace()方法就不能通过 RegExp.$x 变量来使用任何反向引用，这段代码  
  23. •    输出的“abcd$1”而不是abcd123456789, 因为$1 在这里并不被看成是一个反向引用。  
  24. •    */  
  25. •  //-->   
  26. •  </script>
复制代码
6 前瞻

Js代码运行
  1. •<script language="JavaScript">   
  2. •  <!--   
  3. •    /*正则表达式  前瞻  
  4. •    前瞻 就和它名字一样，它告诉正则表达式运算器向前看一些字符而不是移动位置  
  5. •    */  
  6. •  
  7. •  
  8. •      var sToMatch1 = "bedroom";   
  9. •      var sToMatch2 = "bedding";   
  10. •      var reBed = /bed(?=room)/;   
  11. •      alert(reBed.test(sToMatch1));  //true   
  12. •      alert(reBed.test(sToMatch2));  //false   
  13. •      
  14. •    //负向前瞻   
  15. •      
  16. •      var sToMatch1 = "bedroom";   
  17. •      var sToMatch2 = "bedding";   
  18. •      var reBed = /bed(?!room)/;   
  19. •      alert(reBed.test(sToMatch1)); //false   
  20. •      alert(reBed.test(sToMatch2)); //true   
  21. •  //-->   
  22. •  </script>  
复制代码
7 边界

Js代码运行
  1. •<script language="JavaScript">   
  2. •  <!--   
  3. •    /*正则表达式  边界  
  4. •    ^     行开头  
  5. •    $     行结尾  
  6. •    \b    单词的边界  
  7. •    \B    非单词的边界  
  8. •    */  
  9. •  
  10. •      var sToMatch = "Important word is the last one.";   
  11. •      var reLastWord = /(\w+)\.$/;   
  12. •      reLastWord.test(sToMatch);   
  13. •      alert(RegExp.$1);  //one   
  14. •  
  15. •    /*  
  16. •    假如想查找一个单词，但要它只出现在行尾，则可以使用美元符号 ($)来表示它：  
  17. •    */  
  18. •  
  19. •  
  20. •  
  21. •      var sToMatch = "Important word is the last one.";   
  22. •      var reLastWord = /^(\w+)/;   
  23. •      reLastWord.test(sToMatch);   
  24. •      alert(RegExp.$1);  //Important   
  25. •  
  26. •    /*  
  27. •    在这个例子中，正则表达式查找行起始位置后的一个或多个单词字符。如果遇到非单词字符  
  28. •    匹配停止，返回 Important。 这个例子也可以用单词边界实现。  
  29. •    */  
  30. •      
  31. •      var sToMatch = "Important word is the last one.";   
  32. •      var reLastWord = /^(.+?)\b/;   
  33. •      reLastWord.test(sToMatch);   
  34. •      alert(RegExp.$1);  //Important   
  35. •      
  36. •    /*  
  37. •    这里，正则表达式用惰性量词来制定在单词边界之前可以出现任何字符，且可以出现一次或  
  38. •    多次（如果使用贪婪性量词，表达式就匹配整个字符串）。  
  39. •    */  
  40. •  
  41. •    var data = " First second thind fourth fifth sixth ";     
  42. •    var reCat = /\b(\S+?)\b/g;      
  43. •    var arrdata = data.match(reCat);   
  44. •  
  45. •    for (var i = 0; i < arrdata.length; i++)   
  46. •    {   
  47. •        alert(arrdata[i]);   
  48. •    }      
  49. •  
  50. •    /*  
  51. •    使用单词边界可以方便地从字符串中抽取单词。  
  52. •    */  
  53. •  //-->   
  54. •  </script>
复制代码
8 多行模式

Js代码运行

  2. •<script language="JavaScript">   
  3. •  <!--   
  4. •    /*正则表达式  多行模式  
  5. •     
  6. •      要制定多行模式，只要在正则表达式想要匹配的行末的一个单词  
  7. •  */     
  8. •      
  9. •    var data = " First second\n thind fourth\n fifth sixth";     
  10. •    var reCat = /(\w+)$/g;      
  11. •    var arrdata = data.match(reCat);   
  12. •  
  13. •    for (var i = 0; i < arrdata.length; i++)   
  14. •    {   
  15. •        alert(arrdata[i]);   
  16. •    }     
  17. •      
  18. •    /*  
  19. •      上面只返回一个单词 sixth，因为换行符阻挡了匹配，只能匹配行末的一个单词，  
  20. •    当然也可以使用 split() 方法将字符串分割成数组，但就得对每一行进行单独匹配。  
  21. •
  22. •    以前不好好看书经常半吊子，看一半就仍了，导致用了好多 split， 其实很简单如下面  
  23. •    例子 只需要 m 参数进行多行匹配。  
  24. •
  25. •    */     
  26. •    var data = " First second\n thind fourth\n fifth sixth";     
  27. •    var reCat = /(\w+)$/gm;      
  28. •    var arrdata = data.match(reCat);   
  29. •  
  30. •    for (var i = 0; i < arrdata.length; i++)   
  31. •  
  32. •    {   
  33. •        alert(arrdata[i]);   
  34. •    }  a   
  35. •      
  36. •  
  37. •  //-->   
  38. •  </script>  
复制代码
转载出处:http://www.ok22.org/art_detail.aspx?id=209【js的正则方法使用实例】幸凡在线学习网
web, web
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们：huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP