DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS正則中的RegExp對象對象
JS正則中的RegExp對象對象
編輯:關於JavaScript     
有兩種方式可以創建RegExp對象的實例。

使用RegExp的顯式構造函數,語法為:new RegExp("pattern"[,"flags"])。
使用RegExp的隱式構造函數,采用純文本格式:/pattern/[flags]。

pattern部分為要使用的正則表達式模式文本,是必須的。在第一種方式中,pattern部分以JavaScript字符串的形式存在,需要使用雙引號或單引號括起來;在第二種方式中,pattern部分嵌套在兩個“/”之間,不能使用引號。

flags部分設置正則表達式的標志信息,是可選項。如果設置flags部分,在第一種方式中,以字符串的形式存在;在第二種方式中,以文本的形式緊接在最後一個“/”字符之後。flags可以是以下標志字符的組合。
g是全局標志。如果設置了這個標志,對某個文本執行搜索和替換操作時,將對文本中所有匹配的部分起作用。如果不設置這個標志,則僅搜索和替換最早匹配的內容。

i是忽略大小寫標志。如果設置了這個標志,進行匹配比較時,將忽略大小寫。

m是多行標志。如果不設置這個標志,那麼元字符“^”只與整個被搜索字符串的開始位置相匹配,而元字符“$”只與被搜索字符串的結束位置相匹配。如果設置了這個標志,“^”還可以與被搜索字符串中的“\n”或“\r”之後的位置(即下一行的行首)相匹配,而“$”還可以與被搜索字符串中的“\n”或“\r”之後的位置(即下一行的行尾)相匹配。

代碼1.1是一個創建正則表達式的例子。
代碼1.1 創建正則表達式:1.1.htm

復制代碼 代碼如下:
<html>
<head>
<title>創建正則表達式 </title>
<script language = "JavaScript">
var myString="這是第一個正則表達式的例子";
var myregex = new RegExp("一個"); // 創建正則表達式
if (myregex.test(myString)){
document.write("找到了指定的模式!");
}
else{
document.write("未找到指定的模式。");
}
</script>
</head><body></body>
</html>

上面代碼的運行結果如圖8.1所示。
由於JavaScript字符串中的“\”是一個轉義字符,因此,使用顯式構造函數創建RegExp實例對象時,應將原始正則表達式中的“\”用“\\”替換。例如,在代碼1.2中的兩條語句是等價的。
代碼1.2 轉義字符中的“\”:1.2.htm
復制代碼 代碼如下:
<script language="javascript">
var re1 = new RegExp("\\d{5}");
var re2 = /\d{5}/;
alert("re1="+re1+"\nre2="+re2);
</script>

由於正則表達式模式文本中的轉義字符也是“\”,如果正則表達式中要匹配原義字符“\”,在正則表達式模式文本中要以“\\”來表示,當使用顯式構造函數的方式創建RegExp實例對象的時候,就需要使用“\\\\”來表示原義字符“\”。
var re = new RegExp(\\\\)。

1 RegExp對象的屬性

RegExp對象的屬性分為靜態屬性和實例屬性。下面分別進行介紹。

1.1 靜態屬性
(1)index屬性。是當前表達式模式首次匹配內容的開始位置,從0開始計數。其初始值為-1,每次成功匹配時,index屬性都會隨之改變。
(2)input屬性。返回當前所作用的字符串,可以簡寫為$_,初始值為空字符串""。
(3)lastIndex屬性。是當前表達式模式首次匹配內容中最後一個字符的下一個位置,從0開始計數,常被作為繼續搜索時的起始位置,初始值為-1,表示從起始位置開始搜索,每次成功匹配時,lastIndex屬性值都會隨之改變。
(4)lastMatch屬性。是當前表達式模式的最後一個匹配字符串,可以簡寫為$&。其初始值為空字符串""。在每次成功匹配時,lastMatch屬性值都會隨之改變。
(5)lastParen屬性。如果表達式模式中有括起來的子匹配,是當前表達式模式中最後的子匹配所匹配到的子字符串,可以簡寫為$+。其初始值為空字符串""。每次成功匹配時,lastParen屬性值都會隨之改變。
(6)leftContext屬性。是當前表達式模式最後一個匹配字符串左邊的所有內容,可以簡寫為$`(其中“'”為鍵盤上“Esc”下邊的反單引號)。初始值為空字符串""。每次成功匹配時,其屬性值都會隨之改變。
(7)rightContext屬性。是當前表達式模式最後一個匹配字符串右邊的所有內容,可以簡寫為$'。初始值為空字符串""。每次成功匹配時,其屬性值都會隨之改變。
(8)$1…$9屬性。這些屬性是只讀的。如果表達式模式中有括起來的子匹配,$1…$9屬性值分別是第1個到第9個子匹配所捕獲到的內容。如果有超過9個以上的子匹配,$1…$9屬性分別對應最後的9個子匹配。在一個表達式模式中,可以指定任意多個帶括號的子匹配,但RegExp對象只能存儲最後的9個子匹配的結果。在RegExp實例對象的一些方法所返回的結果數組中,可以獲得所有圓括號內的子匹配結果。

1.2 實例屬性

(1)global屬性。返回創建RegExp對象實例時指定的global標志(g)的狀態。如果創建RegExp對象實例時設置了g標志,該屬性返回True,否則返回False,默認值為False。
(2)ignoreCase屬性。返回創建RegExp對象實例時指定的ignoreCase標志(i)的狀態。如果創建RegExp對象實例時設置了i標志,該屬性返回True,否則返回False,默認值為False。
(3)multiLine屬性。返回創建RegExp對象實例時指定的multiLine標志(m)的狀態。如果創建RegExp對象實例時設置了m標志,該屬性返回True,否則返回False,默認值為False。
(4)source屬性。返回創建RegExp對象實例時指定的表達式文本字符串。

JS中的RegExp對象(二)

2 RegExp對象的方法
RegExp對象的常用方法有test、exec和compile,本節介紹這些方法的功能和用法。最後,對RegExp對象的屬性和方法進行一個綜合舉例。
2.1 test方法
語法格式為test(str)。該方法檢查一個字符串中是否存在創建RegExp對象實例時所指定的表達式模式,如果存在就返回True,否則返回False。如果找到匹配項,則會更新RegExp對象中的有關靜態屬性,以反映匹配情況。
2.2 exec方法
語法格式為exec(str)。該方法使用創建RegExp對象實例時所指定的表達式模式對一個字符串進行搜索,並返回一個包含搜索結果的數組。
如果為正則表達式設置了全局標志(g),可以通過多次調用exec和test方法在字符串中進行連續搜索,每次都是從RegExp對象的lastIndex屬性值指定的位置開始搜索字符串。
如果沒有設置全局標志(g),則exec和test方法忽略RegExp對象的lastIndex屬性值,從字符串的起始位置開始搜索。
如果exec方法沒有找到匹配,返回值為null;如果找到匹配,則返回一個數組,並更新RegExp對象中有關靜態屬性以反映匹配情況。返回數組中的元素0包含了完整的匹配結果,而元素1~n依次是表達式模式中定義的各個子匹配的結果。
exec方法返回的數組有3個屬性,分別是input、index和lastIndex。
input屬性是整個被搜索的字符串。
index屬性是指匹配在整個被搜索字符串中的位置。
lastIndex屬性是指匹配的子字符串的最後一個字符的下一個字符位置。
代碼2.1是對該方法的應用舉例。
代碼2.1 exec()方法應用:2.1.htm
復制代碼 代碼如下:
<html>
<head>
<title>exec()方法應用</title>
<script language = "JavaScript">
var myString="aaa 111 bbb 222 ccc 1111 222ddd";
var regex = /111/; //創建正則表達式對象
var array=regex.exec(myString);
if (array){
var str="找到了匹配子串!"+"\n返回數組的值為:"+array+"\n數組元素個數:"
+array.length+"\n被搜索的字符串為:"+array.input
+"\n匹配子串的開始位置為:"+array.index
+"\n匹配子串後面第一個字符的位置為:"+regex.lastIndex;
alert(str);
}
else{
alert("未找到匹配子串!!");
}
</script>
<body></body>
</html>

2.3 compile方法

語法格式為compile("pattern"[,"flags"])。該方法可以更換RegExp對象實例所使用的表達式模式,並將新的表達式模式編譯為內部格式,從而使以後的匹配過程執行更快。如果要在循環中重復使用某個表達式,對其進行編譯將使執行加速。但是,如果在程序中使用了任何其他表達式模式後,再使用原來編譯過的表達式模式,則這種編譯毫無 益處。

2.4 綜合舉例

代碼2.2是對RegExp對象的綜合舉例,認真分析代碼及其運行結果,可以更好地理解RegExp對象。
代碼2.2 RegExp對象的使用:2.2.htm
復制代碼 代碼如下:
<script language="javascript">
var strSrc = "xxa1b01c001yya2b02c002zz";
var re = /a(\d)b(\d{2})c(\d{3})/gi;
var arr, count = 0;
while ((arr = re.exec(strSrc)) != null)
{
displayResult();
}
function displayResult()
{
document.write("<p>這是用正則表達式/" + re.source + "/gi對字符串<br>""
+ RegExp.input + ""進行第" + (++count) + "次搜索的結果:<br>");
document.write("RegExp.index為" + RegExp.index + "<br>");
document.write("RegExp.lastIndex為" + RegExp.lastIndex + "<br>");
document.write("RegExp.lastMatch為" + RegExp.lastMatch + "<br>");
document.write("RegExp.lastParen為" + RegExp.lastParen + "<br>");
document.write("RegExp.leftContext為" + RegExp.leftContext + "<br>");
document.write("RegExp.rightContext為" + RegExp.rightContext + "<br>");
document.write("RegExp.$1為" + RegExp.$1 + "<br>");
document.write("RegExp.$2為" + RegExp.$2 + "<br>");
document.write("RegExp.$3為" + RegExp.$3 + "<br>");
document.write("RegExp.$4為" + RegExp.$4 + "<br>");
document.write("arr.index為" + arr.index + "<br>");
document.write("arr.input為" + arr.input + "<br>");
document.write("arr.lastIndex為" + arr.lastIndex + "<br>");
document.write("返回數組的元素個數為" + arr.length + "<br>");
document.write("返回數組的內容為["];
for(var i=0; i<arr.length; i++)
{
if(i < arr.length-1)
document.write(""" + arr[i] + "",");
else
document.write(""" + arr[i] + "")</p>");
}
}
</script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved