js正则表达式之捕获组

捕获组的定义:
捕获组简单来说就是把正则表达式中用括号匹配的内容,保存到内存中,方便调用。js中每一个括号匹配的内容可以被RegExp对象捕获到(最多匹配九个,可以通过返回一个数组索引来取得所有的括号匹配项.),存储在RegExp.$1…中。
需要说明的是正则表达式中()不能匹配到内容的,就不是捕获组

语法:
RegExp.$1							//第一个括号匹配的内容,以次类推
RegExp.$2
RegExp.$3


RegExp.$1…作为RegExp的只读属性(只有在正确匹配才会改变)

var reg = /([a-z]+)(\d+)/;							//匹配一个或多个字母,和一个或多个数字
			reg.test('hello123');						//ture
			console.log(RegExp.$1)						//输出 hello,即匹配的第一个括号里的内容
			console.log(RegExp.$2)						//输出 123  ,即匹配的第二个括号里的内容

捕获组应用
主要应用在JavaScript String 对象中可以使用正则表达式的方法:例如:

String.replace()方法:

var reg = /([a-z]+)(\d+)/;
			var str = 'hello123';
		
			var result = str.replace(reg,'$2,$1')				
			
			console.log(result)					//结果为   123,hello

字符串 stringObject 的 replace() 方法可以接受两个参数,第一个参数一般是一个RegExp对象,第二个参数可以是字符串或者是一个函数,表示用第二个参数的值替换正则匹配到的字符串.
第二个参数是字符串时,那么每个匹配都将由字符串替换。但是 参数中的 $ 字符具有特定的含义。$1…对应着上面的捕获组。
当他是函数时,先看以下例子:


//将rgb颜色的类型转换为16进制的类型 例如:rgb(255,255,255)转换为 #ffffff
function rgb2hex(sRGB) {
				return sRGB.replace(/^rgb\((\d+)\s*\,\s*(\d+)\s*\,\s*(\d+)\)$/g, function(a, r, g, b) {
					console.log(a);
					return '#' + hex(r) + hex(g) + hex(b);
				});
			}				//replace()方法中函数的第一个参数是正则匹配到的字符,后三个参数分别是三个捕获组
			function hex(n) {
				return n < 16 ? '0' + (+n).toString(16) : (+n).toString(16);
			}

函数中的第一个参数是正则匹配到的字符,后边的参数依次传入捕获组。
参考:MDN RegExp.$1-$9

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值