全⾯解析JS字符串和正则表达式中的match、replace、exec等函数
正则表达式(regular expression)描述了⼀种字符串匹配的模式，可以⽤来检查⼀个串是否含有某种⼦串、将匹配的⼦串做替换或者从某个串中取出符合某个条件的⼦串等。
正则表达式由于不经常使⽤，所以容易经常忘记，下⾯⼩编把常⽤的函数和功能，简明扼要的罗列在此，以备⽇后查看：
RegExp对象的函数常⽤的有2个
1、test函数
⽤法：st(string)
返回：如果字符串 string 中含有与 RegExpObject 匹配的⽂本，则返回 true，否则返回 false。
描述：这个⽅法没有什么特殊之处，对修饰符g没有什么特殊处理
⽰例：
var url = 'www.baidu?a=1&b=2&c=3';
var reg = /a=1/;
console.st(url)); // 输出结果为 true
2、exec函数
⽤法：(string)
返回：返回⼀个数组，其中存放匹配的结果。如果未到匹配，则返回值为 null。
描述：
exec() ⽅法的功能⾮常强⼤，它是⼀个通⽤的⽅法，⽽且使⽤起来也⽐ test() ⽅法以及⽀持正则表达式的 String 对象的⽅法更为复杂。
如果 exec() 到了匹配的⽂本，则返回⼀个结果数组。否则，返回 null。此数组的第 0 个元素是与正则表达式相匹配的⽂本，第 1 个元素是与 RegExpObject 的第 1 个⼦表达式相匹配的⽂本（如果有的话），第 2 个元素是与 RegExpObject 的第 2 个⼦表达式相匹配的⽂本（如果有的话），以此类推。除了数组元素和 length 属性之外，exec()⽅法还返回两个属性。index 属性声明的是匹配⽂本的第⼀个字符的位置。input 属性则存放的是被检索的字符串 string。我们可以看得出，在调⽤⾮全局的 RegExp 对象的exec() ⽅法时，返回的数组与调⽤⽅法 String.match() 返回的数组是相同的。
但是，当 RegExpObject 是⼀个全局正则表达式时，exec() 的⾏为就稍微复杂⼀些。它会在 RegExpObject 的 lastIndex 属性指定的字符处开始检索字符串 string。当 exec()到了与表达式相匹配的⽂本时，在匹配后，它将把 RegExpObject 的 lastIndex 属性设置为匹配⽂本的最后⼀个字符的下⼀个位置。这就是说，您可以通过反复调⽤ exec()⽅法来遍历字符串中的所有匹配⽂本。当 exec() 再也不到匹配的⽂本时，它将返回 null，并把 lastIndex 属性重置为 0。
⽰例：
正则表达式带修饰符g
var url = 'www.baidu?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/g;
console.(url)); //["a=1", "a", "1", index: 21, input: "www.baidu?a=1&b=2&c=3"]
console.(url)); //["b=2", "b", "2", index: 25, input: "www.baidu?a=1&b=2&c=3"]
console.(url)); //["c=3", "c", "3", index: 29, input: "www.baidu?a=1&b=2&c=3"]
console.(url)); //null
reg.lastIndex = 0; //这段代码很重要哦，注意理解
console.(url)); //["a=1", "a", "1", index: 21, input: www.baidu?a=1&b=2&c=3]
正则表达式不带修饰符g
var url = 'www.baidu?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/g;
console.(url)); //["a=1", "a", "1", index: 21, input: "www.baidu?a=1&b=2&c=3"]
console.(url)); //["a=1", "a", "1", index: 21, input: "www.baidu?a=1&b=2&c=3"]
console.(url)); //["a=1", "a", "1", index: 21, input: "www.baidu?a=1&b=2&c=3"]
console.(url)); //["a=1", "a", "1", index: 21, input: "www.baidu?a=1&b=2&c=3"]
reg.lastIndex = 0;
console.(url)); //["a=1", "a", "1", index: 21, input: www.baidu?a=1&b=2&c=3]
发现不⼀样的地⽅了吗，把函数描述好好读⼀遍，就明⽩了^_^
String对象的函数⽀持正则的有4个，我们只说其中的2个
1、match函数
⽤法：stringObject.match(searchvalue | regexp)，这⾥我们只说regexp模式
返回值：存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。
描述：
match() ⽅法将检索字符串 stringObject，以到⼀个或多个与 regexp 匹配的⽂本。这个⽅法的⾏为在很⼤程度上有赖于 regexp 是否具有标志 g。
如果 regexp 没有标志 g，那么 match() ⽅法就只能在 stringObject 中执⾏⼀次匹配。如果没有到任何匹配的⽂本， match() 将返回 null。否则，它将返回⼀个数组，其中存放了与它到的匹配⽂本有关的信息。该数组的第 0 个元素存放的是匹配⽂本，⽽其余的元素存放的是与正则表达式的⼦表达式匹配的⽂本。除了这些常规的数组元素之外，返回的数组还含有两个对象属性。 index 属性声明的是匹配⽂本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引⽤。
正则匹配是什么如果 regexp 具有标志 g，则 match() ⽅法将执⾏全局检索，到 stringObject 中的所有匹配⼦字符串。若没有到任何匹配的⼦串，则返回 null。如果到了⼀个或多个匹配⼦串，则返回⼀个数组。不过全局匹配返回的数组的内容与前者⼤不相同，它的数组元素中存放的是 stringObject 中所有的匹配⼦串，⽽且也没有 index 属性或 input 属性。
⽰例：
不带修饰符g
var url = 'www.baidu?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/;
var result = url.match(reg);
console.log(result); //["a=1", "a", "1", index: 21, input: "www.baidu?a=1&b=2&c=3"]
console.log(result.index); //21
console.log(result.input); //www.baidu?a=1&b=2&c=3
带修饰符g
var url = 'www.baidu?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/g;
var result = url.match(reg);
console.log(result); //["a=1", "b=2", "c=3"]
console.log(result.index); //undefined
console.log(result.input); //undefined
发现不⼀样的地⽅了吗，把函数描述好好读⼀遍，就明⽩了^_^
2、replace函数
⽤法：place(regexp/substr,replacement)
返回值：⼀个新的字符串，是⽤ replacement 替换了 regexp 的第⼀次匹配或所有匹配之后得到的。
描述：字符串 stringObject 的 replace() ⽅法执⾏的是查并替换的操作。它将在 stringObject 中查与 regexp 相匹配的
⼦字符串，然后⽤ replacement 来替换这些⼦串。如果 regexp 具有全局标志 g，那么 replace() ⽅法将替换所有匹配的⼦串。否则，它只替换第⼀个匹配⼦串。
replacement 可以是字符串，也可以是函数。如果它是字符串，那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所⽰，它说明从模式匹配得到的字符串将⽤于替换。
字符替换⽂本
$1、$2、...、$99与 regexp 中的第 1 到第 99 个⼦表达式相匹配的⽂本。
$&与 regexp 相匹配的⼦串。
$`位于匹配⼦串左侧的⽂本。
$'位于匹配⼦串右侧的⽂本。
$$直接量符号。（意思就是要替换为 $ 符号的时候，就写两个$）
⽰例：
不带修饰符g
var url = 'www.baidu?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/;
var url1 = place(reg,function(a,b,c,d,e){
console.log(a,b,c,d,e); //a=1, a, 1, 21, www.baidu?a=1&b=2&c=3
return 'ok';
})
console.log(url1); //www.baidu?ok&b=2&c=3
带修饰符g
var url = 'www.baidu?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/g;
var url1 = place(reg,function(a,b,c,d,e){
console.log(a,b,c,d,e); //执⾏3次，分别输出为：a=1, a, 1, 21, www.baidu?a=1&b=2&c=3 和 b=2, b, 2, 25, www.baidu?a=1&b=2&c=3 和 | c=3, c, 3, 29, www.baidu?a=1&b=2&c=3 return 'ok';
})
console.log(url1); //www.baidu?ok&ok&ok
第⼆个参数为字符串时
var url = 'www.baidu?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/; //不带修饰符g
var url1 = place(reg,"$&")
console.log(url1); //www.baidu?a=1&b=2&c=3
var url1 = place(reg,"$1")
console.log(url1); //www.baidu?a&b=2&c=3
var url1 = place(reg,"$2")
console.log(url1); //www.baidu?1&b=2&c=3
var url1 = place(reg,"$'")
console.log(url1); //www.baidu?&b=2&c=3&b=2&c=3
var reg = /([^?&=]+)=([^?&=])*/g; //带修饰符g
var url1 = place(reg,"$&")
console.log(url1); //www.baidu?a=1&b=2&c=3
var url1 = place(reg,"$1")
console.log(url1); //www.baidu?a&b&c
var url1 = place(reg,"$2")
console.log(url1); //www.baidu?1&2&3
var url1 = place(reg,"$'")
console.log(url1); //www.baidu?&b=2&c=3&&c=3&
以上所述是⼩编给⼤家介绍的全⾯解析JS字符串和正则表达式中的match、replace、exec等函数，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。