捕获组的定义:
捕获组简单来说就是把正则表达式中用括号匹配的内容,保存到内存中,方便调用。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