正则表达式小括号的多义性

小括号在正则表达式这有以下意义

• 限定量词作用的范围
• 限定多选结构的范围
• 为反向引用捕获文本
• 分组捕获
• 只分组不捕获
• 前瞻

 

一、限定量词作用的范围

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(\'\')
}