js正則學習
一直對正則很糾結也很畏懼,以前感覺花時間理解一個個奇奇怪怪的符號,還不如直接百度谷歌之。
但知其然不知其所以然也是種痛苦,所以花了兩天稍微學了一下,雖然沒學很深入徹底,但也比之前進步不少,特此筆記。
js正則
g:表示全局,匹配全部
i:表示不區分大小寫
m:表示匹配多行(匹配換行兩端的潛在匹配)
RegExp實例屬性:
global:是否設置了g
ignoreCase:是否設置了i
lastIndex:表示下一次exec開始搜索下個匹配項的字符位置
multiline:表示是否設置了m
source:正則表達式的字符串表示
RegExp實例方法:
exec(str);用於捕獲組(用小括號指定一個子表達式),返回包含第一個匹配項信息的數組。
test(str);用於驗證是否匹配,返回true或false。
RegExp構造函數屬性:
input[$_]:最近一次要匹配的字符串,opera未實現
lastMatch[$&]:最近一次匹配項,opear未實現
lastParen[$+]:最近一次匹配的捕獲組,opera未實現
leftContext[$’]:input字符串中lastMatch之前的文本
multiline[$*]:表示是否所有表達式都是用多行模式,ie和Opera不支持
rightContext[$‘]:input字符串中lastMatch之後的文本
\ :轉義字符
^ : 匹配字符串開頭,如/^a/ 匹配 an A 而不匹配 An a
$ : 匹配字符串結尾,如/a$/ 匹配 An a 而不匹配 an A
* : 匹配匹配前面元字符0或多次 /ba*/將匹配b,ba,baa,baaa * = {0,}
+ : 匹配前面元字符1次或多次 /ba+/ 匹配ba + = {1,}
? : 匹配前面元字符0次或1次,/ba?/將匹配b,ba ? = {0,1}
(x) 匹配x保存x在名為$1...$9的變量中
.匹配除行結束符意外的任何字符
x|y 匹配x或y
{n} 精確匹配n次
{n,} 匹配n次以上
{n,m} 匹配n-m次
[xyz] 字符集(character set),匹配這個集合中的任一一個字符(或元字符)
[^xyz] 不匹配這個集合中的任何一個字符
[\b] 匹配一個退格符
\b 匹配一個單詞的邊界
\B 匹配一個單詞的非邊界
\cX 這兒,X是一個控制符,/\cM/匹配Ctrl-M
\d 匹配一個字數字符,/\d/ = /[0-9]/
\D 匹配一個非字數字符,/\D/ = /[^0-9]/
\n 匹配一個換行符
\r 匹配一個回車符
\s 匹配一個空白字符,包括\n,\r,\f,\t,\v等
\S 匹配一個非空白字符,等於/[^\n\f\r\t\v]/
\t 匹配一個制表符,tab建
\v 匹配一個重直制表符
\w 匹配一個可以組成單詞的字符(alphanumeric,這是我的意譯,含數字),包括下劃線,如[\w]匹配"$5.98"中的5,等於[a-zA-Z0-9]
\W 匹配一個不可以組成單詞的字符,如[\W]匹配"$5.98"中的$,等於[^a-zA-Z0-9]。
\1 對第一個捕獲組的文本進行引用,用於再次匹配 如:(...)...\1
(?=) 向前正匹配 (?!)向前負匹配
以上就是大部分常用的令人生畏的正則語法,用了之後其實常用的也是有規律可尋,難以概況但熟能生巧。
下面就是從書中摘取的實例:
//正則表達式: function testUrl(){ var pt = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/; //pt解析: // ^ 匹配字符串開頭 // (?:(A-Za-z+):)? ?:表示非捕獲組 (A-Za-z+):表示匹配字母後加:,且是第一個捕獲組 ?表示分組可選// (\/{0,3}) ()表示第二個捕獲組 \/轉義,匹配/ {0,3}匹配前面字符0-3次 // ([0-9.\-A-Za-z]+) ()第三個捕獲組 []匹配方括號內的字符 0-9 . - A-Za-z 匹配這四種字符 +多個 // (?::(\d+))? ?:非捕獲組 :匹配冒號開始 (\d+)第四個捕獲組,匹配多個數字 ?可選 // (?:\/([^?#]*))? \/匹配/ ([^?#]*)第五個捕獲組,匹配除?#外的字符 *該字符類將匹配n次 // (?:\?([^#]*))? \?匹配? ([^#]*)第六個捕獲組,匹配除#外的字符 *匹配多次 // (?:#(.*))? #匹配# (.*)第七個捕獲組 .匹配除結束符外的所有字符 *匹配多次 // $ 字符串結束 var url = ‘http://www.ora.com:80/goodparts/abcde?q#fragment‘; var res = pt.exec(url); var names = [‘url‘,‘scheme‘,‘slash‘,‘host‘,‘port‘,‘path‘,‘query‘,‘hash‘]; var blanks = ‘ ‘; for(var i=0;i<names.length;i++){ console.log(names[i]+‘:‘+blanks.substring(names[i].length),res[i]); } }
function testNumber(){ var pt = /^-?\d+(?:.\d*)?(?:e[+\-]?\d+)?$/i; //pt解析 // ^ $ 分別匹配開頭和結尾 // -? -匹配0次或一次,也就是可選 // \d+ 匹配至少一個數字 // (?:.\d*)? ?:非捕獲組 .匹配小數點 \d* 小數點後匹配任意個數字 ?可選 // (?:e[+\-]?\d+)? ?:非捕獲組 e匹配e和E [+\-] 匹配加號或者減號 ?可選 \d+匹配一個以上數字 ?可選 console.log(pt.test(-1)); console.log(pt.test(100.1993)); console.log(pt.test("sss")); console.log(pt.test(123.45E-67)); }
正則中用法比較重要的個人感覺就是捕獲組,和非捕獲組,捕獲組在replace方法中也會很有用,比如創建模板模式,通過一些匹配替換內容。
js正則學習