(轉)正則表達式小括號的多義性

原文地址:http://www.cnblogs.com/snandy/p/3650309.htmljavascript

小括號在正則表達式這有如下意義html

  • 限定量詞做用的範圍
  • 限定多選結構的範圍
  • 爲反向引用捕獲文本
  • 分組捕獲
  • 只分組不捕獲
  • 前瞻

 

1、限定量詞做用的範圍

?
1
2
3
var reg1 = /(Matz)?/; // 0或1個Matz
var reg2 = /(Matz)+/; // 1個以上Matz
var reg3 = /(Matz)*/; // 0或多個Matz

  

2、限定多選結構的範圍

?
1
2
3
4
var reg = /(Matz|Eich)/
reg.test( 'Matz' ) // => true
reg.test( 'Eich' ) // => true
reg.test( 'John' ) // => false

  

3、爲反向引用捕獲文本

?
1
2
3
4
5
6
var reg = /(boy)\1/ // 至關於 /boyboy/
reg.test( 'boy' ) // => false
reg.test( 'boyboy' ) // => true
 
var reg /(boy)(girl)\1\2/
reg.test( 'boygirlboygirl' ) // => true

  

4、分組捕獲

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var reg1 = /(\d{3}) (\d{3})/
var str = '111 222'
str.replace(reg1, '$2 $1' ) // => '222 111' , 注意這裏的$2,$1,存放了匹配的字符串
 
var reg2 = /(\d{3})(\d{4})(\d{4})/
var mobile = '13522722724'
reg2.test(mobile)
RegExp.$1 // => 135
RegExp.$2 // => 2272
RegExp.$3 // => 2724
 
var reg3 = /(\d{3})(\d{4})(\d{4})/
var mobile = '13522722724'
mobile.replace(reg3, '$1 $2 $3' ) // => '135 2272 2724'

  

5、只分組不捕獲(和 "?:" 一塊兒)

?
1
2
3
var reg = /(?:\d+)/
reg.test( '13522722724' )
RegExp.$1 // => '' 不存儲匹配的元素

較長的正則表達式中,反向引用會下降匹配速度,性能下降,不須要反向引用時應使用分組不捕獲。java

 

6、前瞻(lookahead,和 "?=" 一塊兒)

它告訴正則表達式向前看一些字符但不移動位置,前瞻不匹配任何字符只匹配文本中的特定位置。正則表達式

?
1
2
3
4
5
var reg = /(John) (?=Resig)/
reg.test( 'John' ) // => false
reg.test( 'John Backus' ) // => false
reg.test( 'John Reisg' ) // => true
RegExp.$1 // => 'John',注意這裏不是 "John Resig"

以下是一個利用前瞻實現手機號格式化的小函數函數

?
1
2
3
4
5
6
7
8
9
/*
  * 手機號分隔
  * 13522722724 -> 135 2272 2724
  */
function separateMobile(num) {
     var arr = ( '0' + num ).replace(/(\d{4})(?=\d)/g, "$1 " ).split( '' )
     arr.shift()
     return arr.join( '' )
}
相關文章
相關標籤/搜索