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

作者:admin   时间:2021-08-27   访问量:1

  

  一、限定量词作用的范围

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


【地址】:http://www.inseo.cn/seo/154.html转载请注明出处


相关文章

Copyright © 2018-2030 大树SEO All Rights Reserved.