JS正则表达式---分组
JS正则表达式---分组
之前写了一篇关于正则新手入门的文章,本以为对正则表达式相对比较了解 但是今天我又遇到了一个坑,可能是自己不够细心的原因吧,今天就着重和大家分享一下javascript
正则表达式中的分组。如果你对JS正则表达式不够理解 可以点击这里了解更多。
分组在正则中用的还是比较广的,我所理解的分组 就是一对括号() ,每一对括号 就代表了一个分组,分组可以分为:
- 捕获性分组
- 非捕获性分组
捕获性分组
捕获性分组会在 比如 match
exec
这样的函数中以第二项,第三项的形式得到相应分组的结果。先来看一个例子吧
var reg = /test(\d+)/;
var str = 'new test001 test002';
console.log(str.match(reg));//["test001", "001", index: 4, input: "new test001 test002"]
代码中 (\d+)
是一个分组(有些人也叫他子模式),但是表示的都是同一个意思,上面的例子中 test001
是完全匹配的结果,然而 分组的匹配是从整个完全匹配结果(也就是test001
)中来查找与子模式\d+
匹配的字符,这里显然是 001
.但是今天遇到的情况是这样的
var reg = /test(\d)+/;
var str = 'new test001 test002';
console.log(str.match(reg));//["test001", "1", index: 4, input: "new test001 test002"]
不同之处就是 (\d+)
改为了 (\d)+
,整个匹配结果还是 test001
但是第一个分组匹配的结果却不同。咱们慢慢来分析他们的区别
(\d+)
这整个是一个分组的情况,由于 默认情况下 匹配模式都是贪婪模式
也就是说尽可能多的去匹配所有\d+
匹配到的结果 是 001
然后 外面添加了一对括号 也就是一个分组,这样第一个分组中匹配的结果就是 001
.再来看第二个例子中的 (\d)+
同样这也是一个贪婪模式
首先会先匹配0然后后面是0 也会匹配到 最后是1 同样也匹配到 到此 匹配结束看起来跟第一个例子中的匹配没什么区别,但是这里的 分组(\d)
表示 匹配单个数字,按照我之前的理解是 会匹配最开始匹配到的结果 也就是0
但这种理解是错误的。由于整个匹配是贪婪模式
,尽可能多的去匹配分组中的 (\d)
就会捕获 最后一次匹配到的结果 1
,如果是非贪婪模式
那就会尽可能少的去匹配
var reg = /test(\d)+?/;
var str = 'new test001 test002';
console.log(str.match(reg));//["test001", "0", index: 4, input: "new test001 test002"]
这样(\d)
匹配结果就是0
了,虽然后面还有能够匹配到的结果,但是这里是尽可能少的去匹配
非捕获性分组
非捕获性分组也就是 有些地方需要用到一对括号,但是又不想让他成为一个捕获性分组也就是不想让这个分组被类似 macth
exec
这样的函数所获取到通常在括号内部的前面加上?:
也就是 (?:pattern)
这样就变成了一个非捕获性分组,
var reg = /test(?:\d)+/;
var str = 'new test001 test002';
console.log(str.match(reg));//["test001", index: 4, input: "new test001 test002"]
这样 match
的结果中就不会出现分组匹配到的内容了 也就是少了 第二项的 1
.
这篇文章着重说明 (\d+)
和 (\d)+
的区别,也是我今天踩到的坑,若有错误之处,欢迎指正。
JS正则表达式---分组的更多相关文章
- JS正则表达式获取分组内容实例
JS正则表达式获取分组内容. 支持多次匹配的方式: var testStr = "now test001 test002"; var re = /test(\d+)/ig; var ...
- JS正则表达式常用总结
正则表达式的创建 JS正则表达式的创建有两种方式: new RegExp() 和 直接字面量. //使用RegExp对象创建 var regObj = new RegExp("(^\\s+) ...
- Python之路-(js正则表达式、前端页面的模板套用、Django基础)
js正则表达式 前端页面的模板套用 Django基础 js正则表达式: 1.定义正则表达式 /.../ 用于定义正则表达式 /.../g 表示全局匹配 /.../i 表示不区分大小写 /.../m ...
- 初识JS正则表达式
初识JS正则表达式 看到的使用的正则表达式练习:http://www.cnblogs.com/wenanry/archive/2010/09/06/1819552.html PS:本文参考李炎恢JS笔 ...
- [技术学习]js正则表达式汇总
一.常用正则表达式关键字 ".":任意字符 "*":任意个数 "+":任意个数,至少一个 "?":0-1个 " ...
- JS正则表达式大全(整理详细且实用)
JS正则表达式大全(整理详细且实用).需要的朋友可以过来参考下,希望对大家有所帮助!! 正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释, ...
- js正则表达式中的问号几种用法小结
这篇文章主要介绍了js正则表达式中的问号几种用法,比如+?,*?,{2,3}?可以停止匹配的贪婪模式,感兴趣的朋友可以参考下 在表示重复的字符后面加问号,比如+?,*?,{2,3}?可以停止匹配的贪婪 ...
- 【正则】精通JS正则表达式,没消化 信息量太大,好文
http://www.jb51.net/article/25313.htm 正则表达式可以: •测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用 ...
- js正则表达式中的问号使用技巧总结
这篇文章主要介绍了js正则表达式中的问号几种用法,比如+?,*?,{2,3}?可以停止匹配的贪婪模式等例子的解析. 在表示重复的字符后面加问号,比如+?,*?,{2,3}?可以停止匹配的贪婪模式. v ...
随机推荐
- asp.net mvc 删除栏目、栏目下又有子栏目的处理方式
- 字典:当索引不好用时 - 零基础入门学习Python025
字典:当索引不好用时 让编程改变世界 Change the world by program 有天你想翻开牛津字典,查找"sadomasochism[ˌseɪdoʊ'mæsəkɪzəm]&q ...
- ps存jpeg,格式保存的时候为什么选择“基线”
jpeg是印前和网页设计常用的格式,最大好处就是能很大程度上压缩图像大小. 在ps中将图片保存为jpeg格式的时候会出现以下选项: 其中:图像选项都很熟悉,是关于图像质量的:而格式选项的用途主要是针对 ...
- Effective Java提升Code Coverage代码涵盖率 - 就是爱Java
虽然我们已经有了测试程序,但是如何得知是否已完整测试了主程序?,透过Code Coverage代码涵盖率,我们可以快速地得知,目前系统中,有多少程序中被测试过,不考虑成本跟投资效益比,涵盖率越高,代表 ...
- sgu To xor or not to xor
题意:从n个数中,选择一些数,使得异或最大. #include <cstdio> #include <cstring> #include <algorithm> # ...
- POJ 2986 A Triangle and a Circle
题意:给定一个三角形,以及一个圆的圆心坐标和半径,求圆和三角形的相交面积. 思路: 用三角剖分,三角形上每个线段都变成这个线段与圆心的三角形,然后算出每个三角形与圆的相交面积,然后根据有向面积的正负累 ...
- Windows 8.1 with Update 镜像下载(增OEM单语言版)
该系统已有更新的版本,请转至<Windows 8.1 with update 官方最新镜像汇总>下载. 2014年4月9日凌晨,微软向MSDN订阅用户开放了Windows 8.1 with ...
- windows phone之获取当前连接WIFI的SSID
public string GetSSIDName() { foreach (var network in new NetworkInterfaceList()) { if ( (network.In ...
- POJ1664(简单动态规划)
#include<iostream> #include<string> #include<cstring> using namespace std; ][]; vo ...
- extjs两个tbar问题
版本:extjs3.4 接触过extjs的同志们都知道每个panel都有一个tbar(top bar 上面工具栏) ,bbar(bottom bar 底部工具栏) 大家做查询页面,一 ...