詳解javascript 正則表達式之分組與前瞻匹配

本文主要講解javascript 的正則表達式中的分組匹配與前瞻匹配的，需要對正則的有基本認識，本人一直對兩種匹配模棱不清。所以在這里總結(jié)一下，如有不對，還望大神指點。

1.分組匹配：

　　1.1捕獲性分組匹配 ()
　　2.2非捕獲性分組匹配 (?:)

2前瞻匹配：

　　2.1正向前瞻匹配： (?=表達式) 后面一定要匹配有什么
　　2.2反向前瞻匹配: (?!表達式) 后面一定不能要有什么

1.1、捕獲性分組匹配 ()

var str1 = "holle word 123456 can 12s a 123 a";
var reg1 =/([a-z]+)\s(\d+)/; //不是全局模式 ，以() 分組，這里有兩組，每一組都將匹配得到
var regg1 = /([a-z]+)\s(\d+)/g; //全局模式 g,以() 分組，這里有兩組，每一組都將匹配得到
//res :非全局模式
console.log(reg1.exec(str1)); //exec()方法：["wold 123456","word","123456"]
console.log(str1.match(reg1));//match()方法:["word 123456","word","123456"]
console.log(RegExp.$1);//獲取到第一個分組 ([a-z]+) 匹配的結(jié)果 ：word
console.log(RegExp.$2);//獲取到第一個分組 (\d+) 匹配的結(jié)果 ：123456
//res :全局模式
console.log(regg1.exec(str1)); //exec()方法：["wold 123456","word","123456"]
console.log(str1.match(regg1));//match()方法:["word 123456","can 12","a 123"]
console.log(RegExp.$1);//獲取到第一個分組 ([a-z]+) 匹配的結(jié)果 ：a
console.log(RegExp.$2);//獲取到第一個分組 (\d+) 匹配的結(jié)果 ：123

分析：這個正則表達式匹配的是，至少一個字母，跟著一個空格，然后至少一個數(shù)字，

非全局就是第一次匹配正確就不會再往后匹配 了，

1.exec()方法提取的值是規(guī)定的，第一個值是正則表達式相匹配的文本,如上示例的"/([a-z]+)\s(\d+)/"，第2個值是第一個字子表達式(即第一個分組),如上示例的"([a-z])"，以此類推

2.即使是全局模式，exec()都不會全局匹配，循環(huán)調(diào)用exec()是唯一全局匹配的方式，所以你會發(fā)現(xiàn)上面使用exec()方法的結(jié)果是一樣

3.而 match 方法在全局模式的捕獲性分組匹配，會對正則表達式全局匹配，但是不會對子表達式匹配(分組),所以你會發(fā)現(xiàn)上面str1.match(regg1) 的結(jié)果是不會單獨以分組([a-z]+)字母或者分組(\d+)數(shù)字出現(xiàn)，而是全局匹配整一個正則，所以結(jié)果是["word 123456","can 12","a 123"]

4.match 方法在非全局模式 的捕獲性分組匹配中，會對正則表達式全局匹配，也會對子表達式匹配(分組)，所以你發(fā)現(xiàn)，str1.match(reg1)匹配的結(jié)果有單獨分組的匹配，但是因為是非全局，所以第一次匹配正確就結(jié)束了，只有["wold 123456","word","123456"]，“wold 123456” 是整個表達式匹配的結(jié)果，“word” 是第一個分組（[a-z]+）匹配的結(jié)果，“123456” 是第二分組(\d+) 匹配的結(jié)果

5.$1,$2... 分別包含正則表達式中的相對應反向引用，在全局與非全局模式，如果結(jié)果集有多個，會以最后一次匹配的結(jié)果來算，如上面，全局模式，匹配一共有三個符合的，["word 123456","can 12","a 123"]，那么就以最后一個"a 123"為所有分組得到的結(jié)果，第一個分組是([a-z]+) 匹配的是字母所以是a，第二個分組是數(shù)字(\d+),所以是123 ，以此類推，如果只出現(xiàn)一次，一次也是當最后一次，自然也是一樣的分析，哈哈哈，有點多余。。。。

 1.2 (?:) 非捕獲性分組匹配 ，不捕獲子表達式(分組)

var str1 = "holle word 123456 can 12s a 123 a";
var reg2 = /(?:[a-z]+)\s(?:\d+)/;
var regg2 = /(?:[a-z]+)\s(?:\d+)/g;
//res :非全局模式
console.log(reg2.exec(str1));// exec(): 直接匹配["wold 123456"],
console.log(str1.match(reg2));//match()方法:["word 123456"]
//res :全局模式
console.log(regg2.exec(str1));// exec(): 直接匹配["wold 123456"],
console.log(str1.match(regg2));//match()方法:["word 123456","can 12","a 123"]

分析，和上面的捕獲性分組匹配是一樣的解析，只是不再匹配子表達式(分組)

2.1正向前瞻匹配： (?=表達式) 后面一定要匹配有什么

注意：前瞻分組匹配(?=表達式) 會作為匹配內(nèi)容，不會作為匹配結(jié)果返回

//實例，提取以jpg類型的圖片名稱
var str2 = "ab.jpg,admin/12.gif,and.jpg";
var reg3 = /[^\\]\w+(?=\.jpg)/g;
console.log(str2.match(reg3));//["ab", ",and"]

2.2反向前瞻匹配: (?!表達式) 后面一定不能要有什么

 //示例：匹配 連續(xù)a字母三個以上，且后面不能有數(shù)字
var str3 = "aaa12345,aaaadmin,aaaaaadd,dlala";
var reg4 = /a{3,}(?!\d+)/g;
console.log(str3.match(reg4));//["aaaa","aaaaaa"]

總結(jié)

以上所述是小編給大家介紹的javascript 正則表達式之分組與前瞻匹配，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網(wǎng)站的支持！