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