js正則貪婪模式深入理解JS正規表示式分組

深入理解js正規表示式---分組

分組在正則中用的還是比較廣的，我所理解的分組就是一對括號() ，每一對括號就代表了乙個分組，分組可以分為：

•捕獲性分組

•非捕獲性分組

捕獲性分組

捕獲性分組會在比如 match exec這樣的函式中以第二項，第三項的形式得到相應分組的結果。先來看乙個例子吧

var reg = /test(\d+)/;

var str = 'new test001 test002';

console.log(str.match(reg));//["test001", "001", index: 4, input: "new test001 test002"]

**中 (\d+)是乙個分組(有些人也叫他子模式)，但是表示的都是同乙個意思，上面的例子中 test001是完全匹配的結果，然而分組的匹配是從整個完全匹配結果(也就是test001)中來查詢與子模式\d+匹配的字元,這裡顯然是 001.但是今天遇到的情況是這樣的

var reg = /test(\d)+/;

var str = 'new test001 test002';

console.log(str.match(reg));//["test001", "1", index: 4, input: "new test001 test002"]

不同之處就是 (\d+) 改為了 (\d)+ ,整個匹配結果還是 test001 但是第乙個分組匹配的結果卻不同。咱們慢慢來分析他們的區別

(\d+) 這整個是乙個分組的情況,由於預設情況下匹配模式都是貪婪模式也就是說盡可能多的去匹配所有\d+ 匹配到的結果是 001 然後外面新增了一對括號也就是乙個分組，這樣第乙個分組中匹配的結果就是 001.再來看第二個例子中的 (\d)+ 同樣這也是乙個貪婪模式首先會先匹配0然後後面是0 也會匹配到最後是1 同樣也匹配到到此匹配結束看起來跟第乙個例子中的匹配沒什麼區別，但是這裡的分組(\d)表示匹配單個數字，按照我之前的理解是0 但這種理解是錯誤的。由於整個匹配是貪婪模式，盡可能多的去匹配分組中的 (\d) 就會捕獲最後一次匹配到的結果 1,如果是非貪婪模式那就會盡可能少的去匹配

var reg = /test(\d)+?/;

var str = 'new test001 test002';

console.log(str.match(reg));//["test001", "0", index: 4, input: "new test001 test002"]

這樣(\d)匹配結果就是0了，雖然後面還有能夠匹配到的結果，但是這裡是盡可能少的去匹配

非捕獲性分組

非捕獲性分組也就是有些地方需要用到一對括號，但是又不想讓他成為乙個捕獲性分組也就是不想讓這個分組被類似 macth exec 這樣的函式所獲取到通常在括號內部的前面加上?: 也就是 (?:pattern)這樣就變成了乙個非捕獲性分組，

var reg = /test(?:\d)+/;

var str = 'new test001 test002';

console.log(str.match(reg));//["test001", index: 4, input: "new test001 test002"]

這樣 match的結果中就不會出現分組匹配到的內容了也就是少了第二項的 1.

js正則貪婪模式深入理解JS正規表示式分組

js正則貪婪模式深入理解JS正規表示式分組

JS正則（貪婪模式）

js正則貪婪模式 JS關於正則的非貪婪模式

js正則貪婪模式 深入理解JS正規表示式 分組

js正則貪婪模式 深入理解JS正規表示式 分組

JS正則（貪婪模式）

js正則貪婪模式 JS關於正則的非貪婪模式

相關推薦

js正則貪婪模式深入理解JS正規表示式分組

js正則貪婪模式深入理解JS正規表示式分組