DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 詳解JavaScript正則表達式之分組匹配及反向引用
詳解JavaScript正則表達式之分組匹配及反向引用
編輯:關於JavaScript     

語法

元字符:(pattern)  作用:用於反復匹配的分組

屬性$1~$9  如果它(們)存在,用於得到對應分組中匹配到的子串

\1或$1  用於匹配第一個分組中的內容

\2或$2  用於匹配第一個分組中的內容

...

\9或$9  用於匹配第一個分組中的內容

用法示例

var reg = /(A+)((B|C|D)+)(E+)/gi;//該正則表達式有4個分組
//對應關系
//RegExp.$1 <-> (A+)
//RegExp.$2 <-> ((B|C|D)+)
//RegExp.$3 <-> (B|C|D)
//RegExp.$4 <-> (E+) 

以上的代碼也同時給出了$1~$9的用法

$1~$9是正則表達式預定義的靜態屬性,通過RegExp.$1引用

分組嵌套關系說明

上述代碼也可以說明分組的嵌套關系

//測試環境 Chrome浏覽器
var str = "ABCDE";
var reg = /(A+)((B|C|D)+)(E+)/gi;
str.match(reg);//輸出:["ABCDE"]
reg.exec(str,'i');//輸出:["ABCDE", "A", "BCD", "D", "E"]
RegExp.$1;//輸出:"A"
RegExp.$2;//輸出:"BCD"
RegExp.$3;//輸出:"D"
RegExp.$4;//輸出:"E" 

這樣就可以很明白的看出分組的嵌套關系了

總結來說:大的分組中存在小的分組時,小的分組是排在該大分組後面的分組,以此類推

第二部分

這部分主要講解類似於"\1"這個東西的用法

分組匹配之反向引用

語法

元字符 \1~\9  作用:用來表示前面以匹配的字符或分組的一個引用

用法示例

參考文章:[原]AS3 js正則表達式 反向引用(backreference)

上面說的可能有些拗口,下面給一個例子:

//一般情況,當我們想匹配任意兩個相同的字符(復雜一點就是兩個相同的分組)時,往往可以借助下面的寫法
//說明:
//(\w)用來匹配任何除了換行和制表符的字符, 而\1是對(\w)的一個引用, 所以你可以理解成: (\w)\1 就是(\w)(\w)
//但是,
//(\w)\1 和 (\w)(\w)的不同之處在於, (\w)(\w)表示任意兩個連續的字符, 比如Ac, MM, K9, 都可以,
// 但(\w)\1只能是AA, CC, 99 這樣連續相同的字符
//所以, 你可以這樣理解, \1 是對(\w)的一個實例化引用, 當(\w) 匹配到A時, \1 被表達成A, 當(\w)匹配9時, \1 被表示成9
//說了這麼多, 可能有些廢話, 下面這個例子就很好理解了
var str = "AA Am 99";
var reg = /(\w)\1/g;
str.match(reg);//輸出: ["AA", "99"] 

所以, 參照上邊我所引用的文章中給出的 "關鍵字搜索高亮顯示的正則表達用法" 的例子, 我給出自己改進的小的DEMO

雖然這個DEMO沒有用到任何的關於反向引用的知識點::>_<::

//測試環境 Chrome浏覽器
var key = "keywords";//搜索的關鍵字
var text = " I am a text, and I have a keywords before this";//待匹配的文本
var reg = new RegExp("("+key+")","g");
text.replace(reg,"<span style='color:red'>$1</span>");//輸出: " I am a text, and I have a <span style='color:red'>keywords</span> before this"

下面給大家詳細介紹下正則表達式之反向引用

 示例1:

public static void main(String[] args) { 
 String s="99-3933"; 
 boolean b=Pattern.matches("([\\d])\\1[-]([3])\\1\\2{2}", s); 
 System.out.println(b); 
}

反向引用,匹配重復的數字

([\d])====>\1

([3])====>\2

示例2:

public class test { 
 public static void main(String[] args) { 
  String s="99-393399-3933"; 
  boolean b=Pattern.matches("(([\\d])\\2[-]([3])\\2\\3{2})\\1", s); 
  System.out.println(b); 
 } 
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved