HTML DOM教程 51-JavaScript match() 方法

文章目錄

• 　　

HTML DOM教程 51-JavaScript match() 方法

 

　　RegExp 對象表示Regex，它是對字串執行模式比對的強大工具。

　　1：RegExp 對象的方法

方法	描述	FF	N	IE
exec	檢索字串中指定的值。返回找到的值，並確定其位置。	1	4	4
test	檢索字串中指定的值。返回 true 或 false。	1	4	4

　　2：支援Regex的 String 對象的方法

方法	描述	FF	N	IE
search	檢索與Regex相匹配的值。	1	4	4
match	找到一個或多個正在運算式的匹配。	1	4	4
replace	替換與Regex匹配的子串。	1	4	4
split	把字串分割為字串數組。	1	4	4

　　3：RegExp 對象的屬性

屬性	描述	FF	N	IE
global	RegExp 對象是否具有標誌 g。	1	4	4
ignoreCase	RegExp 對象是否具有標誌 i。	1	4	4
lastIndex	一個整數，標示開始下一次匹配的字元位置。	1	4	4
multiline	RegExp 對象是否具有標誌 m。	1	4	4
source	Regex的源文本。	1	4	4

 

　　4:exec() 方法

　　文法：RegExpObject.exec(string)

參數	描述
string	必需。要檢索的字串。

　　

　　傳回值：返回一個數組，其中存放匹配的結果。如果未找到匹配，則傳回值為 null。　　說明：exec() 方法的功能非常強大，它是一個通用的方法，而且使用起來也比 test() 方法以及支援Regex的 String 對象的方法更為複雜。

　　如果 exec() 找到了匹配的文本，則返回一個結果數組。否則，返回 null。此數組的第 0 個元素是與Regex相匹配的文本，第 1 個元素是與 RegExpObject 的第 1 個子運算式相匹配的文本（如果有的話），第 2 個元素是與 RegExpObject 的第 2 個子運算式相匹配的文本（如果有的話），以此類推。除了數組元素和 length 屬性之外，exec() 方法還返回兩個屬性。index 屬性聲明的是匹配文本的第一個字元的位置。input 屬性則存放的是被檢索的字串 string。我們可以看得出，在調用非全域的 RegExp 對象的 exec() 方法時，返回的數組與調用方法 String.match() 返回的數組是相同的。

　　但是，當 RegExpObject 是一個全域Regex時，exec() 的行為就稍微複雜一些。它會在 RegExpObject 的 lastIndex 屬性指定的字元處開始檢索字串 string。當 exec() 找到了與運算式相匹配的文本時，在匹配後，它將把 RegExpObject 的 lastIndex 屬性設定為匹配文本的最後一個字元的下一個位置。這就是說，您可以通過反覆調用 exec() 方法來遍曆字串中的所有匹配文本。當 exec() 再也找不到匹配的文本時，它將返回 null，並把 lastIndex 屬性重設為 0。

　　提示和注釋：重要事項：如果在一個字串中完成了一次模式比對之後要開始檢索新的字串，就必須手動地把 lastIndex 屬性重設為 0。

　　提示：請注意，無論 RegExpObject 是否是全域模式，exec() 都會把完整的細節添加到它返回的數組中。這就是 exec() 與 String.match() 的不同之處，後者在全域模式下返回的資訊要少得多。因此我們可以這麼說，在迴圈中反覆地調用 exec() 方法是唯一一種獲得全域模式的完整模式比對資訊的方法。

　　

在本例中，我們將全域檢索字串中的 W3School：

<script type="text/javascript">

var str = "Visit W3School"; 
var patt = new RegExp("W3School","g");
var result;

while ((result = patt.exec(str)) != null)  {
document.write(result);
document.write("<br />");
document.write(result.lastIndex);
}
</script>

輸出：

W3School
14

5:match() 方法

　　match() 方法可在字串內檢索指定的值，或找到一個或多個Regex的匹配。該方法類似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字串的位置。

文法：stringObject.match(searchvalue)
stringObject.match(regexp)

參數	描述
searchvalue	必需。規定要檢索的字串值。
regexp	必需。規定要匹配的模式的 RegExp 對象。如果該參數不是 RegExp 對象，則需要首先把它傳遞給 RegExp 建構函式，將其轉換為 RegExp 對象。

傳回值：存放匹配結果的數組。該數組的內容依賴於 regexp 是否具有全域標誌 g。

　　說明：match() 方法將檢索字串 stringObject，以找到一個或多個與 regexp 匹配的文本。這個方法的行為在很大程度上有賴於 regexp 是否具有標誌 g。

　　如果 regexp 沒有標誌 g，那麼 match() 方法就只能在 stringObject 中執行一次匹配。如果沒有找到任何匹配的文本，match() 將返回 null。否則，它將返回一個數組，其中存放了與它找到的匹配文本有關的資訊。該數組的第 0個元素存放的是匹配文本，而其餘的元素存放的是與Regex的子運算式匹配的文本。除了這些常規的數組元素之外，返回的數組還含有兩個對象屬性。index屬性聲明的是匹配文本的起始字元在 stringObject 中的位置，input 屬性聲明的是對 stringObject 的引用。

　　如果 regexp 具有標誌 g，則 match() 方法將執行全域檢索，找到 stringObject中的所有匹配子字串。若沒有找到任何匹配的子串，則返回

null。如果找到了一個或多個匹配子串，則返回一個數組。不過全域匹配返回的數組的內容與前者大不相同，它的數組元素中存放的是 stringObject 中所有的匹配子串，而且也沒有 index 屬性或 input 屬性。

注意：在全域檢索模式下，match()
即不提供與子運算式匹配的文本的資訊，也不聲明每個匹配子串的位置。如果您需要這些全域檢索的資訊，可以使用 RegExp.exec()。

例1：在本例中，我們將在 "Hello world!" 中進行不同的檢索：

<script type="text/javascript">
var str="Hello world!"
document.write(str.match("world") + "<br />")
document.write(str.match("World") + "<br />")
document.write(str.match("worlld") + "<br />")
document.write(str.match("world!"))
</script>

輸出：

world
null
null
world!

例2：在本例中，我們將使用全域匹配的Regex來檢索字串中的所有數字：

<script type="text/javascript">
var str="1 plus 2 equal 3"
document.write(str.match(/"d+/g))
</script>

輸出：

1,2,3

6：replace() 方法

6.1 定義和用法：replace() 方法用於在字串中用一些字元替換另一些字元，或替換一個與Regex匹配的子串。

6.2 文法：stringObject.replace(regexp,replacement)

參數	描述
regexp	必需。規定了要替換的模式的 RegExp 對象。請注意，如果該值是一個字串，則將它作為要檢索的直接量文字模式，而不是首先被轉換為 RegExp 對象。
replacement	必需。一個字串值。規定了替換文本或產生替換文本的函數。

6.3 傳回值：一個新的字串，是用 replacement 替換了 regexp 的第一次匹配或所有匹配之後得到的。

　　6.4 說明：字串 stringObject 的 replace() 方法執行的是尋找並替換的操作。它將在 stringObject 中尋找與 regexp相匹配的子字串，然後用 replacement 來替換這些子串。如果 regexp 具有全域標誌 g，那麼 replace()方法將替換所有匹配的子串。否則，它只替換第一個匹配子串。

replacement 可以是字串，也可以是函數。如果它是字串，那麼沒有匹配都將由字串替換。但是 replacement 中的 $
字元具有特定的含義。如下表所示，它說明從模式比對得到的字串將用於替換。

字元	替換文本
$1、$2、...、$99	與 regexp 中的第 1 到第 99 個子運算式相匹配的文本。
$&	與 regexp 相匹配的子串。
$`	位於匹配子串左側的文本。
$'	位於匹配子串右側的文本。
$$	直接量符號。

　　注意：ECMAScript v3 規定，replace() 方法的參數 replacement 可以是函數而不是字串。在這種情況下，每個匹配都調用該函數，它返回的字串將作為替換文本使用。該函數的第一個參數是匹配模式的字串。接下來的參數是與模式中的子運算式匹配的字串，可以有0 個或多個這樣的參。接下來的參數是一個整數，聲明了匹配在 stringObject 中出現的位置。最後一個參數是 stringObject本身。

　　例1：在本例中，我們將使用 "W3School" 替換字串中的 "Microsoft"：

<script type="text/javascript">
var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School"))
</script>

輸出：

Visit W3School!

　　例2：在本例中，我們將執行一次全域替換，每當 "Microsoft" 被找到，它就被替換為 "W3School"：

<script type="text/javascript">
var str="Welcome to Microsoft! "
str=str + "We are proud to announce that Microsoft has "
str=str + "one of the largest Web Developers sites in the world."
document.write(str.replace(/Microsoft/g, "W3School"))
</script>

輸出：

Welcome to W3School! We are proud to announce that W3School
has one of the largest Web Developers sites in the world.

　　例4：您可以使用本例提供的代碼來確保匹配字串大寫字元的正確：

text = "javascript Tutorial";
text.replace(/javascript/i, "JavaScript");

　　在本例中，我們將把 "Doe, John" 轉換為 "John Doe" 的形式：

name = "Doe, John";
name.replace(/("w+)"s*, "s*("w+)/, "$2 $1");

　　例5：在本例中，我們將把所有的花引號替換為直引號：

name = '"a", "b"';
name.replace(/"([^"]*)"/g, "'$1'");

　　例6：在本例中，我們將把字串中所有單詞的首字母都轉換為大寫：

name = 'aaa bbb ccc';
uw=name.replace(/"b"w+"b/g, function(word){
return word.substring(0,1).toUpperCase()+word.substring(1);}
);