一、認(rèn)識(shí)正則表達(dá)式
- 正則表達(dá)式是描述字符模式的對(duì)象,正則表達(dá)式用于對(duì)字符串模式匹配及檢索替換,是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具。
-
String
和RegExp
都定義了使用正則表達(dá)式進(jìn)行強(qiáng)大的模式匹配和文本檢索與替換的函數(shù)。 - 正則表達(dá)式主要用來(lái)驗(yàn)證客戶端的輸入數(shù)據(jù)。可以節(jié)約大量的服務(wù)器端的系統(tǒng)資源,并且提供更好的用戶體驗(yàn)。
二、創(chuàng)建正則表達(dá)式
- 字面量。語(yǔ)法:Reg = /pattern/modifiers; 字面量的正則由兩個(gè)正斜桿組成
//
,第一個(gè)正斜桿后面寫規(guī)則:/pattern[規(guī)則可以寫各式各樣的元字符|量詞|字集|斷言...]。第二個(gè)正斜桿后面寫標(biāo)識(shí)符/modifiers[g全局匹配 | i忽略大小寫 | m換行匹配 | ^起始位置 | $結(jié)束位置] 標(biāo)識(shí)符。
var Reg = /box/gi;
- 構(gòu)造函數(shù)。語(yǔ)法 Reg = new RegExp( pattern , modifiers ); pattern ,modifiers此時(shí)是字符串。何種方法創(chuàng)建都是一樣的,pattern 模式 模板,要匹配的內(nèi)容,modifiers 修飾符。
var Reg = new RegExp("box","gi");
三、正則表達(dá)式用法及區(qū)別
- String中正則表達(dá)式方法。
方法 | 描述 |
---|---|
String.match(Reg) |
返回RegExp匹配的包含全部字符串的數(shù)組或null |
String.search(Reg) |
返回RegExp匹配字符串首次出現(xiàn)的位置 |
String.replace(Reg, newStr) |
用newStr替換RegExp匹配結(jié)果,并返回新字符串 |
String.split(Reg) |
返回字符串按指定RegExp拆分的數(shù)組 |
var str = 'a1b2c3a4a5',
reg = /a/g;
console.log(str.match(reg)); //["a", "a", "a"]
var str = 'a1b2c3a4a5',
reg = /a/;
console.log(str.search(reg)); //0
var str = 'a1b2c3a4a5',
reg = /a/g;
console.log(str.replace(reg,function(){
console.log(arguments);
return 5555;
}));
var str = 'a,b,c,d',
reg = /,/g;
//console.log(str.split(',')); //["a", "b", "c", "d"]
console.log(str.split(reg)) //["a", "b", "c", "d"]
- RegExp對(duì)象的方法
方法 | 描述 |
---|---|
RegExp.exec(String) |
在字符串中執(zhí)行匹配搜索,返回首次匹配結(jié)果數(shù)組 |
RegExp.test(String) |
在字符串中測(cè)試模式匹配,返回true或false |
var str = 'abcd',
reg = /\w/g;
console.log(reg.exec(str)); //["a", index: 0, input: "abcd", groups: undefined]
console.log(reg.exec(str)); //["b", index: 1, input: "abcd", groups: undefined]
console.log(reg.exec(str)); //["c", index: 2, input: "abcd", groups: undefined]
console.log(reg.exec(str)); //["d", index: 3, input: "abcd", groups: undefined]
console.log(reg.exec(str)); //null
console.log(reg.exec(str)); //["a", index: 0, input: "abcd", groups: undefined]
var str = 'abcd',
reg = /7/g;
console.log(reg.test(str)); //false
四、修飾符
- 修飾符也稱作標(biāo)識(shí)符,可指定匹配的模式,修飾符用于執(zhí)行區(qū)分大小寫和全局匹配。
-
i
忽略大小寫匹配。 -
g
全局匹配,沒(méi)有g
只匹配第一個(gè)元素,就不在進(jìn)行匹配。 -
m
執(zhí)行多行匹配。
var patt = /pattern/i; //忽略大小寫匹配
var patt = /pattern/g; //全局匹配
var patt = /pattern/m; //執(zhí)行多行匹配
五、元字符
- 在正則表達(dá)式中具有特殊意義的專用字符。
- 特殊的轉(zhuǎn)譯字符
.
\
/
。
. 單個(gè)任意字符,除了換行符\n與制表符\r
\ 轉(zhuǎn)義字符,將具有特殊意義的符號(hào)轉(zhuǎn)義成普通符號(hào): \.
\d 數(shù)字[0~9]
\D 非數(shù)字
\s 空格
\S 非空格
\w 字符[字母|數(shù)字|下劃線]
\W 非字符
\b 單詞邊界( 除了 (字)字母 數(shù)字_ 都算單詞邊界)
\B 非單詞邊界
var reg = /\./;//匹配.
var reg = /\\/;//匹配\
var reg = /\//;//匹配/
var str = '\\';
var reg = /\\/g;
console.log(reg.test(str)); //true
六、量詞
- 匹配字符的出現(xiàn)次數(shù),匹配模式中有貪婪模式與懶惰模式。
- 量詞 默認(rèn)就是貪婪模式。
n? 可有可無(wú),匹配0個(gè)或1個(gè)n的字符串
n* 匹配0個(gè)或多個(gè)字符串(任意個(gè))
n+ 匹配至少1個(gè)n字符串
n{num} 匹配包含num個(gè)n的序列的字符串
n{min,max} 匹配包含至少min或至多max個(gè)n的序列的字符串
n{num,} 匹配至少num個(gè)n的序列字符串
七、 特殊符號(hào)
^n 匹配以n開頭的字符串
n$ 匹配以n結(jié)尾的字符串
[^n] ^出現(xiàn)中在[]中括號(hào)里表示取不包含n字符的字符串
n|m 匹配n或者m.兩個(gè)只取一個(gè)
八、貪婪/懶惰
貪婪: 盡可能多的匹配 / 惰性: 盡可能少的匹配。
n+ 貪婪模式為默認(rèn)
n+? 量詞后面帶?問(wèn)號(hào)就是懶惰模式,以次類推
{n,m} 貪婪模式
{n,m}? 懶惰模式
var reg = /好{3}/;//查找出現(xiàn)3次的字符
var reg = /好{0,9}/;//匹配一個(gè)字符出現(xiàn)9次的,不行的話就遞減 9 8 7 6 5 4 3 2 1 0(貪婪模式)
var reg = /好{1,9}/;//匹配一個(gè)字符出現(xiàn)1~9次的 先最大次數(shù)開始匹配(貪婪模式)
var reg = /好{1,}/;//最少出現(xiàn)一次,最多沒(méi)有上限
var reg = /好{1,2}/;//最少出現(xiàn)一次,最多兩次
var reg = /好*/;// 匹配0個(gè)或任意個(gè)字符串(任意個(gè)) {0,}
var reg = /好+/;//只是一個(gè)最多沒(méi)有上限{1,}
var reg = /好?/;//可有可無(wú) 可以是沒(méi)有也可以是1個(gè) {0,1}
var reg = /好{3,9}/;//貪婪模式 往多的找
var reg = /好{2,9}?/;//惰性(懶惰)模式 往少的找
var reg = /好{2,9}?/g;//全局匹配
var reg = /^l\w+/gm;//查找l開頭的任意字符
var reg = /\w+2$/gm;//任意字符后面是以2結(jié)束的字符
九、字集[]/分組()
- 字集[],[]代表一個(gè)集合。
[1-9] 匹配0~9之間的字符
[^1-9] 匹配非0~9之間的字符
[a-z] 匹配小寫a至小寫z的字符
[A-Z] 匹配大寫A至大寫Z的字符
[\u4e00-\u9fa5] 匹配所有中文
[1-9a-zA-Z] 可配合使用
- 分組(),()代表一個(gè)分組。
(abc)b 匹配到abcd字符串a(chǎn)bc是一個(gè)不可劃分的整體
(\d{4})b 匹配任意4個(gè)數(shù)字加上b的字符
匹配到的分組可以依次使用 $1
$2
$3
取到。
var y = "2018-06-29";
y.replace(/(d+)-(d+)-(d+)/,"$2/$3/$1");//"06/29/2018"
var str = 'abcdefg';
var reg = /(abc)d/;//匹配abcd
var val = reg.exec( str);
console.log( val ); //["abcd", "abc", index: 0, input: "abcdefg"]
//索引0 為匹配的結(jié)果,索引1 為第一個(gè)子表達(dá)式 匹配結(jié)果 ,index :首次匹配成功的索引值, input: 匹配目標(biāo)。
(pattern)
匹配pattern并捕獲結(jié)果,自動(dòng)設(shè)置組號(hào),是從1開始的正整數(shù),通過(guò)\num
進(jìn)行引用,引用是值的引用,匹配結(jié)果的引用不是匹配形式引用。
十、斷言/前瞻
- 正則表達(dá)式中,用于查找某些內(nèi)容之前(前瞻)或者之后(后顧)的東西,叫做斷言。JavaScript只有前瞻,并沒(méi)有后顧。
- 零寬度,說(shuō)明它是不占字符寬度的,只是一個(gè)位置,它不匹配任何東西。(?=pattern) 零寬正向斷言 ,(?!pattern) 零寬負(fù)向斷言。
//匹配 “Windows2000” 中的 “Windows” ,不匹配 “Windows3.1” 中的 “Windows”。
Windows(?=2000) //匹配windows且后面跟2000
//匹配 “Windows3.1” 中的 “Windows” ,不匹配 “Windows2000” 中的 “Windows”。
Windows (?!2000)//匹配windows且后面非2000