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

前端之家收集整理的这篇文章主要介绍了正则表达式小括号的多义性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

一、限定量词作用的范围

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.f2er.com/regex/359814.html

猜你在找的正则表达式相关文章