脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS正则表达式 非捕获分组

JS正则表达式之非捕获分组用法实例分析

 更新时间：2016年12月28日 08:55:11   作者：aitangyong  
这篇文章主要介绍了JS正则表达式之非捕获分组用法,结合实例形式详细分析了正则表达式中非捕获分组的概念、功能、使用方法与相关注意事项,需要的朋友可以参考下

本文实例讲述了JS正则表达式非捕获分组用法。分享给大家供大家参考，具体如下：

最近在看JsonSQL的时候，通过源码中的一段正则表达式，了解到了什么是非捕获分组以及它的使用场景。在js中，正常的捕获分组格式是(XX)，非捕获分组格式为(?:XX)。我们先从正则表达式数量词说起，如果我们要求字符b至少出现一次，可以使用正则/b+/；如果要求ab至少出现一次，那么必需使用/(ab)+/，不能用/ab+/。也就是说，如果想对多个字符使用数量词，必需要用圆括号。

var str = "a1***ab1cd2***c2";
var reg1 = /((ab)+\d+)((cd)+\d+)/i;
var reg2 = /((?:ab)+\d+)((?:cd)+\d+)/i;
alert(str.match(reg1));//ab1cd2,ab1,ab,cd2,cd
alert(str.match(reg2));//ab1cd2,ab1,cd2

可以看出捕获分组和非捕获分组的区别了吧：非捕获分组，只是用来匹配，并不会提取分组内容。也就是说，如果我们只想用圆括号将一些字符用数量词修饰，并不需要这个分组的内容，这就是非捕获分组。

下面这段代码用来提取sql语句中的各个子片段，大量使用了非捕获分组，可以细细品味下。

var returnfields = sql.match(/^\s*SELECT\s+((?:[0-9A-Za-z_]+\s*,\s*)+[0-9A-Za-z_]+ |\*|[0-9A-Za-z_]+)\s+FROM\s+([a-z0-9A-Z_]+)(?: where\s+(.+))?(?:\s+order\s+by\s+([a-z0-9_A-Z]+)(?:\s+(asc|desc|ascnum|descnum)?))?(?:\s+limit\s+(\d+,\d+))?/i);
var ops = {
  fields: returnfields[1].replace('\s','').split(','),
  from: returnfields[2].replace('\s',''),
  where: (returnfields[3] == undefined)? "true":returnfields[3],
  orderby: (returnfields[4] == undefined)? []:returnfields[4].replace('\s','').split(','),
  order: (returnfields[5] == undefined)? "asc":returnfields[5],
  limit: (returnfields[6] == undefined)? []:returnfields[6].replace('\s','').split(',')
};

关于这段正则有几个地方解释下：

1.字段名和表明只能由大小写字母、数字和下划线组成。

2.where后面的条件必须放在()中，否则不能匹配。这个和真正的SQL是不同的。

3.select后面的字段有3种格式：单个字段、多个字段(以逗号分隔)、所有字段(用*表示)。

4.where子语句、order by子语句、limit子语句都是可选的。

如下面这段文本，能够匹配上面的正则：

select age from data where (name=='aty')

PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：

JavaScript正则表达式在线测试工具：
http://tools.jb51.net/regex/javascript

正则表达式在线生成工具：
http://tools.jb51.net/regex/create_reg

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 小程序简单两栏瀑布流效果的实现

    小程序简单两栏瀑布流效果的实现

    这篇文章主要介绍了小程序简单两栏瀑布流效果的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • DOM 事件的深入浅出（一）

    DOM 事件的深入浅出（一）

    本文主要介绍了不同DOM级别下的事件处理程序，同时介绍了事件冒泡和捕获的触发原理和方法。熟练地使用不同级别的DOM事件并且解决相应的浏览器兼容性问题对我们的前端项目开发会很有帮助。
    2016-12-12
  • 小程序如何定位所在城市及发起周边搜索

    小程序如何定位所在城市及发起周边搜索

    这篇文章主要介绍了小程序如何定位所在城市及发起周边搜索，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • JavaScript动画实例之粒子文本的实现方法详解

    JavaScript动画实例之粒子文本的实现方法详解

    这篇文章主要介绍了JavaScript动画实例之粒子文本的实现方法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • JavaScript实现的圆形浮动标签云效果实例

    JavaScript实现的圆形浮动标签云效果实例

    这篇文章主要介绍了JavaScript实现的圆形浮动标签云效果,涉及javascript字符串与数组的遍历、排序操作以及元素样式动态操作与数学运算等相关技巧,是非常实用的一段代码,需要的朋友可以参考下
    2015-08-08
  • web开发跨域原因的多种解决方案

    web开发跨域原因的多种解决方案

    我们在web项目开发中，经常会遇到各种跨域的问题，本文带你解决web开发中多种跨域原因的解决，有需要的朋友可以借鉴参考下，希望能够有所帮助
    2021-09-09
  • JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】

    JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】

    这篇文章主要介绍了JavaScript数据结构与算法之检索算法,结合实例形式分析了二分查找法、计算重复次数相关算法原理与使用技巧,需要的朋友可以参考下
    2019-02-02
  • BOM操作querySelector querySeletorAll获取标签对象

    BOM操作querySelector querySeletorAll获取标签对象

    这篇文章主要为大家介绍了BOM操作querySelector querySeletorAll获取标签对象步骤详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-11-11
  • 微信小程序后端无法保持session的原因及解决办法问题

    微信小程序后端无法保持session的原因及解决办法问题

    这篇文章主要介绍了微信小程序后端无法保持session的原因及解决办法问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • javascript 运算数的求值顺序

    javascript 运算数的求值顺序

    请注意，这里说的是运算数的求值顺序。而非运算符，运算符的求值顺序我们比较熟悉。
    2011-08-08

最新评论