重溫JavaScript中的正則表達式 js學習筆記

2020-03-22 18:12:34

字體：大中小

來源：轉載

供稿：網友

一、創建html' target='_blank'>正則表達式

創建正則表達式和創建字符串類似，創建正則表達式提供了兩種方法，一種是采用 new運算符，另一個是采用字面量方式。

復制代碼代碼如下:
var dog = new RegExp('dog'); // 第一個參數字符串
var dog = new RegExp('dog', 'ig'); // 第二個參數可選模式修飾符

var dog = /dog/;
var dog = /dog/ig; //字面量方式。

RegExp 對象包含兩個方法： test() 和 exec() ，功能基本相似，用于測試字符串匹配。

test()方法在字符串中查找是否存在指定的正則表達式并返回布爾值，如果存在則返回 true ，不存在則返回 false 。

exec() 方法也用于在字符串中查找指定正則表達式，如果 exec() 方法執行成功，則返回包含該查找字符串的相關信息數組。如果執行失敗，則返回 null 。

雖然創建正則表達式對象比較簡單，但真正復雜的卻是用正則語法描述的模式信息。接下來，我們分幾個小節分別探討一些模式：

二、字符串的正則表達式方法
例如：
復制代碼代碼如下:
var myPattern = /dog/ig;var theStr = "this is a dog,that is a dog!"console.log(theStr.match(myPattern)); //["dog", "dog"]
var myPattern = /dog/i;var theStr = "this is a dog,that is a dog!"console.log(theStr.search(myPattern)) //10
var myPattern = /dog/i; //注意沒有設置全局，如果設置全局，結果為：this is a Cat,that is a Cat!var theStr = "this is a dog,that is a dog!"console.log(theStr.replace(myPattern,"Cat")); //this is a Cat,that is a dog!
var myPattern = //s/ig;var theStr = "this is a dog,that is a dog!"console.log(theStr.split(myPattern)); //["this", "is", "a", "dog,that", "is", "a", "dog!"]，這個加不加全局g沒有影響！

二、直接量字符
在正則表達式中，所有字母字符和數字都是按照直接量與自身匹配的。同時，正則表達式還通過反斜杠“/”加字母來支持某些非字母的字符。見下面的匹配列表：
字符匹配
字母和數字自身例如： /a/ 匹配字母 a
/o NUL字符
/t 制表符
/n 換行符
/v 垂直制表符
/f 換頁符
/r 回車

三、字符類

將單獨的直接字符放進[]內，就組成了字符類。一個字符類和它所包含的任何字符都匹配。

例如：/[abc]/ 與abc三個字母的任意一個匹配。
同時，還可以定義否定字符類。利用^字符。例如：/[^abc]/匹配a b c以外的所有字符。
另，可以用連字符號確定一個字符的范圍。例如：/[a-z]/匹配a到z。要匹配所有拉丁字母集，可以使用/[a-zA-Z0-9]/
字符匹配

. 除換行符和其他Unicode行終止符之外的任意字符
/w 任何ASCII單字字符，等價于[a-zA-Z0-9_]
/W 任何非ASCII單字字符，等價于[^a-zA-Z0-9_]
/s 任何Unicode空白符
/S 任何非Unicode空白符
/d 任何ASCII數字，等價于[0-9]
/D 任何非ASCII數字，等價于[^0-9]
[/b] 退格直接量
注意，方括號[]內也可以使用上面的轉義序列。例如/[/s/d]/ 匹配任意的空白符或數字。

四、重復

根據第二節涉及到的知識，我們可以把兩位數表述成//d/d/，但，如果重復次數過多，肯定就不能這樣寫了。
字符匹配
{n,m} 匹配前一項至少n次，但不超過m次
{n,} 匹配前一項大于等于n次

{n} 恰好n次
？ 0次或1次，
+ 1次或者多次，等價于{1,}
* 0次或多次
例如：//d{2,4}/ 2個、3個或4個數字。 //w{3}/d?/ 匹配3個字符，并有一個可選的數字。
注意：/a*/實際上與bbbb是匹配的，因為0個或多個a與bbbb匹配。

五、錨字符

六、選擇、分組和引用

1、字符“|”用于分隔選擇的字符。例如：/ab|cd|ef/匹配字符串ab或cd或ef。 //d{3}|[a-z]{4}/匹配3個數字或4個小寫字母

2、"()"作用是把單獨的項目組合成子表達式。例如：/java(script)?/ 匹配java，其后可以有script，也可以沒有。

注意，在分組中，$1、$2、$3分別表示第幾個分組中的內容。

例如：

var myPattern = /(dog).*(cat)/;var theStr = "this is a dog,that is a cat!"myPattern.exec(theStr);console.log(RegExp.$2 + " " + RegExp.$1); //cat dog console.log(RegExp.lastMatch); //最后一次匹配的項：dog,that is a cat

七、貪婪與惰性

例如：
復制代碼代碼如下:
var myPattern = /[a-z]+/;var theStr = "this is a dog,that is a cat!"console.log(theStr.replace(myPattern, "a")); //a is a dog,that is a cat! 貪婪的，把this都匹配了！
var myPattern = /[a-z]+?/;var theStr = "this is a dog,that is a cat!"console.log(theStr.replace(myPattern, "a")); //ahis is a dog,that is a cat! 非貪婪的，只把this中的t匹配了！

最后，RegExp實例繼承的toLocaleString()和toString()方法都會返回正則表達式的字面量，即/abc/PHP教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：js正則表達式學習筆記

下一篇：JavaScript 表單驗證