JScript中Regex用法詳解(附例子:JScript做文法加亮顯示)

來源:互聯網
上載者:User
js|jscript|顯示|詳解|文法|正則

    呵呵,先羅嗦幾句,去年用C#做了一個文法高亮的小東西,根據配製檔案中的資訊把所給代碼格式化成HTML,使它能在網頁上顯示出和編輯器裡一樣的文法元素高亮的效果以及支援程式碼摺疊功能。沒錯,就是和部落格園上看到的類似啦。因為我當時使用的是MSN Space,它沒有提供這項功能,只好自己寫一個咯。

    我使用的是C#進行編寫,起初使用的是超級繁瑣的for,while,switch,if等基本語句來判斷關鍵字等等,大家莫笑話,本人愚笨當時還不知道Regex是何物,所以只能用這種土辦法了,當然土辦法還是有效果的,只是一個函數裡冗長的代碼,以後要維護起來恐怕是非常難的,心想別的軟體不可能是這麼寫的吧,於是乎到google上搜尋了一陣,找到了些文法高亮的代碼和開源項目,開起來一看。。。。。暈,一個個都那麼複雜,說實在我最不喜歡做的事就是看別人代碼了,不是我自命不凡,實在看別人代碼實在是很暈,除非是有非常詳細的文檔描述,要不然我瞄兩眼就不想看了,頂多是看看別人介面怎麼寫的,然後猜測他內部怎麼實現。

    雖然搜尋來的東西沒有多大協助,不過還是讓我知道了Regex這個東東,具體忘記哪裡看到的了。當時就開始一邊研究Regex一邊改造偶那“破玩意兒”。接著沒多久在部落格園重新開博了,終於開用上部落格園的文法加亮功能啦,於是自己寫個代碼HTML高亮顯示的東東就失去了一個主要動力了。其次,用C#做的文法高亮模組,只能運行在伺服器端,或者WinForm程式上,而我最終要擷取的是HTML代碼以顯示在頁面上,我認為還是用戶端指令碼最適合這項工作。只可惜自己對JS並不甚瞭解。。。後來這段時間又胡搞瞎搞別的去了,也沒有再改進那個文法加亮模組了。

    昨天加班晚上加班回到家裡,本來打算繼續學習下UML見模,後來想起公司有一個模組需要能剔出資料庫返回結果中的所有HTML標籤,我便開啟Regex工具RegexBuddy。結果RegexBuddy的協助文檔時看到了JScript使用Regex的簡單教學,於是乎好奇心又起,開啟UltraEdit-32開始寫簡單的javascript實驗起來。

    我的實驗過程這裡就不多廢話再複述了,因為很多地方是反覆實驗繞很多彎路的,這裡就直接給出實驗總結出來的JScript中正則的用法。

    廢話完畢,下面進入正題!  

    首相講講JScript的Regex對象RegExp。

    JScript中提供Regex操作的類名為RegExp,可以用兩種方式執行個體化RegExp類型的對象。  

    方法一,建構函式執行個體化:

var myRegex = new RegExp("\\w+", "igm "); 
//\w+為實際Regex,注意第一個\為轉義之用,igm分別表示忽略大小寫,全域搜尋,多行搜尋,這個後面會解釋 
    方法二,直接賦值法:

var myRegex = /\w+/igm; 
//效果與上一個語句一樣,只是這裡不需要用轉移字元,原Regex是什麼樣子就是什麼樣子,igm就和前面例子的igm作用一樣
    具體用什麼方式看大家喜好了,個人覺得第二種方式寫的正則比較好讀些,RegexBuddy協助文檔也是推薦第二種方式。   RegExp對象包含以下一些操作:

    exec(string str):執行Regex匹配,並返回匹配結果,根據MSDN給出的例子運行結果看,exec每次執行都是從上次直接的匹配結束位置開始,並且返回的值似乎是RerExp對象,而RegexBuddy給出的解釋是返回一個數組,但是沒有給出詳細例子,我覺得還是根據實驗結果為依據比較可靠。  

    compile(string regex, string flags):先行編譯Regex以使其運行更快,經過測試的確預先編譯後效率有明顯提升。regex參數為Regex,flags可以為以下3個值的組合: g – 全域搜尋,我的實驗結果是不加g標誌就只能匹配第一個合格字串 i – 忽略大小寫 m – 多行搜尋,似乎預設已經是多行搜尋了  

    test(string str):如果str匹配Regex返回true,否則返回false,這個類似string對象的match方法  

    RegExp對象包含以下一些屬性:

    index:字串中第一個匹配運算式的位置,初始為-1  
    input:Regex的匹配目標,注意是唯讀  
    lastIndex:下一個匹配運算式的位置,原話是(Returns the character position where the next match begins in a searched string.)也不知道有沒有翻譯錯,這個屬性我沒有用到。  
    lastMatch:最後一個匹配運算式的字串  
    lastParen:最後一個匹配的子匹配串,比如Regex裡有多個以()分組的匹配項,lastParen表示最後一組所匹配的結果
    leftContext:從目標字串的開頭到last match的起始位置的所有字元。  
    rightContext:從last match的結束位置到整個目標字串的結束位置的所有字元。  
    $1…$9:表示第n組匹配的結果,這個在Regex裡有多個以()分組時有用

    接下來講講,JScript中String對象與Regex有關的操作:

    match(string regex):接受一個Regex,並返回該字串是否與這個運算式匹配。
    replace(srting regex, string str):將與Regex匹配的子字串替換為str,這個函數看似簡單,不過還隱藏著更進階用法哦,請看以下例子。
    例子1:

var str1 = "A:My name is Peter!\nB:Hi Peter!";
str1 = str1.replace(/Peter/g,"Jack");
alert(str1);
      這個例子很簡單就是把字串替換了,這則運算式的威力當然不只於此,如果你用的熟練,還能用它完成很多以往需要大量程式碼完成的工作。比如在代碼關鍵字前後加上由於高亮顯示的HTML標籤。從前面例子看來似乎replace只能把匹配的文本替換成新的文本啊,怎麼利用它在關鍵字前後插入標籤呢?返過來想象,如果在替換時能利用匹配結果,那麼事情不就好辦了,只要將關鍵字替換為:標籤頭 + 關鍵字 + 標籤尾 不就行了。

    可是要如何在replace中使用Regex匹配的結果呢?

    這時候我們就需要用到“匹配變數”了,匹配變數用於表示正則匹配的結果,以下是匹配變數的說明:
    $& -- 表示全部匹配組匹配的結果,最後再囉嗦一次,匹配組就是Regex的()分組
    $$ -- 表示$字元,因為匹配變數用掉了$字元,所以需要轉義
    $n -- 類似前面的$1…$9,表示第n組匹配的結果
    $nn -- 很簡單就是第nn組匹配的結果
    $` -- 就是前面提到過的leftContext,比如abcdefg被匹配出了d那麼abc就是它的leftContext了
    $'  -- 和上面符合很接近不要看錯了!,這個就是rightContext了,舉一反三,efg就是上面例子的rightContext了   那麼現在我們要做到在關鍵字前後插入標籤就很簡單了:

var str1 = "A:My name is Peter!\nB:Hi Peter!";
str1 = str1.replace(/Peter/g, "<b>$&</b>");
alert(str1);
    都0:39了。。。就寫到這裡吧。

    正則工具軟體下載(密碼: regex):regex buddy 2.06.zip
    我寫的例子請看:JScript做文法加亮顯示(代碼精簡)
   
    一下是MSDN載抄的一些例子:

function matchDemo()
{
   var s;
   var re = new RegExp("d(b+)(d)","ig");
   var str = "cdbBdbsbdbdz";
   var arr = re.exec(str);
   s = "$1 contains: " + RegExp.$1 + "\n";
   s += "$2 contains: " + RegExp.$2 + "\n";
   s += "$3 contains: " + RegExp.$3;
   return(s);
}
function RegExpTest()
{
  var ver = Number(ScriptEngineMajorVersion() + "." + ScriptEngineMinorVersion())
  if (ver >= 5.5){
    var src = "The rain in Spain falls mainly in the plain.";
    var re = /\w+/g;
    var arr;
    while ((arr = re.exec(src)) != null)
       print(arr.index + "-" + arr.lastIndex + "\t" + arr);
  }
  else{
    alert("You need a newer version of JScript for this to work");
  }
}

function matchDemo()
{
   var s;                                //Declare variable.
   var re = new RegExp("d(b+)(d)","ig"); //Regular expression pattern.
   var str = "cdbBdbsbdbdz";             //String to be searched.
   var arr = re.exec(str);               //Perform the search.
   s = "$1 returns: " + RegExp.$1 + "\n";
   s += "$2 returns: " + RegExp.$2 + "\n";
   s += "$3 returns: " + RegExp.$3 + "\n";
   s += "input returns : " + RegExp.input + "\n";
   s += "lastMatch returns: " + RegExp.lastMatch + "\n";
   s += "leftContext returns: " + RegExp.leftContext + "\n";
   s += "rightContext returns: " + RegExp.rightContext + "\n";
   s += "lastParen returns: " + RegExp.lastParen + "\n";
   return(s);                            //Return results.
}
document.write(matchDemo());
 

    各位路過的大俠如果對本文有什麼看法歡迎在此提出,大家共同學習,共同進步。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。