學(xué)習(xí)js正則

我依然125 2010-11-10

展開全文

很長時間沒看正則表達(dá)式了，碰巧今天用到，溫故知新了一把看書學(xué)習(xí)吧。
原來在無憂發(fā)過初學(xué)者正則，現(xiàn)在補充了分組提供了下載完善下。

一 javascript正則表達(dá)式的基本知識

1     javascript 正則對象創(chuàng)建和用法

聲明javascript 正則表達(dá)式

    var reCat = new RegExp("cat");
   你也可以
    var reCat = /cat/;    //Perl 風(fēng)格（推薦）

2 學(xué)習(xí)最常用的 test exec match search   replace   split 6個方法

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

   var data = "123123";
   var reCat = /123/gi;
   alert(reCat.test(data));   //true

   //檢查字符是否存在   g 繼續(xù)往下走   i 不區(qū)分大小寫

2） exec 返回查詢值

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

    3）match   得到查詢數(shù)組

   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[i]); //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 利用正則分割數(shù)組

   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[i]);
   }

3   學(xué)習(xí)下   簡單類負(fù)向類   范圍類   組合類

//簡單類
   var data = "1libinqq,2libinqq,3libinqq,4libinqq";
   var reCat = /[123]libinqq/gi;
   var arrdata = data.match(reCat);

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

   //負(fù)向類
   var data = "alibinqq,1libinqq,2libinqq,3libinqq,4libinqq";   //\u0062cf
   var reCat = /[^a123]libinqq/gi;
   var arrdata = data.match(reCat);

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

   //范圍類
   var data = "libinqq1,libinqq2,libinqq3,libinqq4,libinqq5";   //\u0062cf
   var reCat = /libinqq[2-3]/gi;
   var arrdata = data.match(reCat);

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

   //組合類
   var data = "a,b,c,w,1,2,3,5";   //\u0062cf
   var reCat = /[a-q1-4\n]/gi;
   var arrdata = data.match(reCat);

   for (var i = 0; i < arrdata.length; i++)
   {
         alert(arrdata[i]);   // a b c 1 2 3
   }

   這些都是 js正則最基本的使用方法，看不會的請復(fù)制到筆記本練習(xí)下，看會了再往下面看。

二   javascript   正則表達(dá)式是分組知識

1）簡單分組
<script language="JavaScript">  </script>
提示：您可以先修改部分代碼再運行

2 復(fù)雜分組
<script language="JavaScript">  </script>
提示：您可以先修改部分代碼再運行

3 反向引用
<script language="JavaScript">  </script>
提示：您可以先修改部分代碼再運行

4 候選
<script language="JavaScript">  </script>
提示：您可以先修改部分代碼再運行

5   非捕獲性分組
<script language="JavaScript">  </script>
提示：您可以先修改部分代碼再運行

6 前瞻
<script language="JavaScript">  </script>
提示：您可以先修改部分代碼再運行

7 邊界
<script language="JavaScript">  </script>
提示：您可以先修改部分代碼再運行

8 多行模式
<script language="JavaScript">  </script>
提示：您可以先修改部分代碼再運行

至此結(jié)束，這些都是 javascript 正則表達(dá)式的基本方法，如果你看會了看復(fù)雜的正則你會有豁然開朗的感覺。

另外我知道有些人很懶（包括我），所以正則分組的例子的我特此打包歡迎下載學(xué)習(xí)  js正則分組