微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

一、限定量词作用的范围

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

  

二、限定多选结构的范围

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

三、为反向引用捕获文本

4
5
6
reg = /(boy)\1/ // 相当于 /boyboy/
'boy' // => false
'boyboy' // => true
reg /(boy)(girl)\1\2/
'boygirlboygirl' // => true

四、分组捕获

6
7
8
9
10
11
12
13
14
reg1 = /(\d{3}) (\d{3})/
str = '111 222'
str.replace(reg1, '$2 $1' // => '222 111',注意这里的$2,$1,存放了匹配的字符串
reg2 = /(\d{3})(\d{4})(\d{4})/
mobile = '13522722724'
reg2.test(mobile)
RegExp.$1 // => 135
RegExp.$2 // => 2272
RegExp.$3 // => 2724
reg3 = /(\d{3})(\d{4})(\d{4})/
'13522722724'
mobile.replace(reg3,monospace!important; min-height:inherit!important; color:blue!important">'$1 $2 $3' // => '135 2272 2724'

五、只分组不捕获(和 "?:" 一起)

reg = /(?:\d+)/
'13522722724' )
// => '' 不存储匹配的元素

较长的正则表达式中,反向引用会降低匹配速度,性能降低,不需要反向引用时应使用分组不捕获。

六、前瞻(lookahead,和 "?=" 一起)

它告诉正则表达式向前看一些字符但不移动位置,前瞻不匹配任何字符只匹配文本中的特定位置。

5
reg = /(John) (?=Resig)/
'John Backus' // => false
'John Reisg' // => true
// => 'John',注意这里不是 "John Resig"

如下是一个利用前瞻实现手机号格式化的小函数

9
/*
* 手机号分隔
* 13522722724 -> 135 2272 2724
*/
function separateMobile(num) {
arr = ( '0' + num ).replace(/(\d{4})(?=\d)/g,monospace!important; min-height:inherit!important; color:blue!important">"$1 " ).split( '' )
arr.shift()
return arr.join( )
}

原文地址:https://www.jb51.cc/regex/359814.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐