一篇文章帶你了解 JavaScript RegExp 對(duì)象
RegExp是正則表達(dá)式(regular expression)的簡(jiǎn)寫。
一、什么是 RegExp?
正則表達(dá)式描述了字符的模式對(duì)象。
當(dāng)項(xiàng)目檢索某個(gè)文本時(shí),可以使用一種模式來描述要檢索的內(nèi)容。RegExp 就是這種模式。
簡(jiǎn)單的模式可以是一個(gè)單獨(dú)的字符。更復(fù)雜的模式包括了更多的字符,并可用于解析、格式檢查、替換等等??梢砸?guī)定字符串中的檢索位置,以及要檢索的字符類型,等等。
二、語(yǔ)法
var patt=new RegExp(pattern,modifiers);
或更簡(jiǎn)單的方法
var patt=/pattern/modifiers;
注:
當(dāng)使用構(gòu)造函數(shù)創(chuàng)造正則對(duì)象時(shí),需要常規(guī)的字符轉(zhuǎn)義規(guī)則(在前面加反斜杠 \)。
比如,以下是等價(jià)的:
var re = new RegExp("\\w+");
var re = /\w+/;
三、RegExp 對(duì)象
正則表達(dá)式是描述字符模式的對(duì)象。
正則表達(dá)式用于對(duì)字符串模式匹配及檢索替換,是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具。
四、RegExp 修飾符
修飾符用于執(zhí)行不區(qū)分大小寫和全文的搜索。
i - 修飾符是用來執(zhí)行不區(qū)分大小寫的匹配。
g - 修飾符是用于執(zhí)行全文的搜索(而不是在找到第一個(gè)就停止查找,而是找到所有的匹配)。
1. 實(shí)例 1
在字符串中不區(qū)分大小寫找"runoob"。
var str = "Visit RUnoob"; var patt1 = /runoob/i;
以下標(biāo)記的文本是獲得的匹配的表達(dá)式:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>項(xiàng)目</title>
</head>
<body style="background-color: aqua;">
<script>
var str = "Visit RUnoob";
var patt1 = /runoob/i;
document.write(str.match(patt1));
</script>
</body>
</html>
運(yùn)行效果:
2. 實(shí)例 2
全文查找 "is"
var str="Is this all there is?"; var patt1=/is/g;
完整代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>項(xiàng)目</title>
</head>
<body style="background-color: aqua;">
<script>
var str = "Is this all there is?";
var patt1 = /is/g;
document.write(str.match(patt1));
</script>
</body>
</html>
運(yùn)行效果:
3. 實(shí)例 3
全文查找和不區(qū)分大小寫搜索 "is"。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>項(xiàng)目</title>
</head>
<body style="background-color: aqua">
<script>
var str = "Is this all there is?";
var patt1 = /is/gi;
document.write(str.match(patt1));
</script>
</body>
</html>
運(yùn)行效果:
五、方法
test()
test()方法搜索字符串指定的值,根據(jù)結(jié)果并返回真或假。
下面的示例是從字符串中搜索字符 "e" :
1. 實(shí)例1
<script>
var patt1 = new RegExp("e");
document.write(patt1.test("The best things in life are free"));
</script>
由于該字符串中存在字母 "e",
運(yùn)行效果:
注:
當(dāng)使用構(gòu)造函數(shù)創(chuàng)造正則對(duì)象時(shí),需要常規(guī)的字符轉(zhuǎn)義規(guī)則(在前面加反斜杠 \)。
2. 實(shí)例2
<script>
var str = 'runoob';
var patt1 = new RegExp('\\w', 'g'); // 有轉(zhuǎn)義作為正則表達(dá)式處理
var patt2 = new RegExp('\w', 'g'); // 無轉(zhuǎn)義作為字符串處理
var patt3 = /\w+/g; // 與 patt1 效果相同
document.write(patt1.test(str)) //輸出 true
document.write("<br>")
document.write(patt2.test(str)) //輸出 false
document.write("<br>")
document.write(patt3.test(str)) //輸出 true
</script>
exec()
exec() 方法檢索字符串中的指定值。返回值是被找到的值。如果沒有發(fā)現(xiàn)匹配,則返回 null。
下面的示例是從字符串中搜索字符 "e" :
實(shí)例
<script>
var patt1=new RegExp("e");
document.write(patt1.exec("The best things in life are free"));
</script>
由于該字符串中存在字母 "e"。
運(yùn)行效果:
六、總結(jié)
本文基于JavaScript 基礎(chǔ),介紹了 RegExp 對(duì)象,基本的語(yǔ)法,RegExp 修飾符,常用的方法(text(),exec())的實(shí)際運(yùn)用。通過案例的分析一一的講解,運(yùn)行效果圖的展示。
歡迎大家積極嘗試,有時(shí)候看到別人實(shí)現(xiàn)起來很簡(jiǎn)單,但是到自己動(dòng)手實(shí)現(xiàn)的時(shí)候,總會(huì)有各種各樣的問題,切勿眼高手低,勤動(dòng)手,才可以理解的更加深刻。