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

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

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

 

一、限定量詞作用的范圍

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

　　

二、限定多選結構的范圍

var reg = /(Matz|Eich)/
reg.test('Matz') // => true
reg.test('Eich') // => true
reg.test('John') // => false

　　

三、為反向引用捕獲文本

var reg = /(boy)\1/ // 相當於 /boyboy/
reg.test('boy') // => false
reg.test('boyboy') // => true

var reg /(boy)(girl)\1\2/
reg.test('boygirlboygirl') // => true

　　

四、分組捕獲

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'

　　

五、只分組不捕獲(和 "?:" 一起)

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

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

 

六、前瞻（lookahead，和 "?=" 一起）

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

var reg = /(John) (?=Resig)/
reg.test('John') // => false
reg.test('John Backus') // => false
reg.test('John Reisg') // => true
RegExp.$1 // => 'John'，注意這里不是 "John Resig"

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

/*
 * 手機號分隔
 * 13522722724 -> 135 2272 2724
 */
function separateMobile(num) {
    var arr = ( '0' + num ).replace(/(\d{4})(?=\d)/g,"$1 ").split('')
    arr.shift()
    return arr.join('')
}