全面解析JS字符串和正则表达式中的match、replac(2)

如果 regexp 具有标志 g,则 match() 方法将执行全局检索,找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串,则返回 null。如果找到了一个或多个匹配子串,则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同,它的数组元素中存放的是 stringObject 中所有的匹配子串,而且也没有 index 属性或 input 属性。

示例:

不带修饰符g

var url = 'http://www.baidu.com?a=1&b=2&c=3'; var reg = /([^?&=]+)=([^?&=])*/; var result = url.match(reg); console.log(result); //["a=1", "a", "1", index: 21, input: "http://www.baidu.com?a=1&b=2&c=3"] console.log(result.index); //21 console.log(result.input); //http://www.baidu.com?a=1&b=2&c=3

带修饰符g

var url = 'http://www.baidu.com?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函数

用法:stringObject.replace(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 = 'http://www.baidu.com?a=1&b=2&c=3'; var reg = /([^?&=]+)=([^?&=])*/; var url1 = url.replace(reg,function(a,b,c,d,e){ console.log(a,b,c,d,e); //a=1, a, 1, 21, ?a=1&b=2&c=3 return 'ok'; }) console.log(url1); //http://www.baidu.com?ok&b=2&c=3

带修饰符g

var url = 'http://www.baidu.com?a=1&b=2&c=3'; var reg = /([^?&=]+)=([^?&=])*/g; var url1 = url.replace(reg,function(a,b,c,d,e){ console.log(a,b,c,d,e); //执行3次,分别输出为:a=1, a, 1, 21, ?a=1&b=2&c=3 和 b=2, b, 2, 25, ?a=1&b=2&c=3 和 | c=3, c, 3, 29, ?a=1&b=2&c=3 return 'ok'; }) console.log(url1); //http://www.baidu.com?ok&ok&ok

第二个参数为字符串时

var url = 'http://www.baidu.com?a=1&b=2&c=3'; var reg = /([^?&=]+)=([^?&=])*/; //不带修饰符g var url1 = url.replace(reg,"$&") console.log(url1); //http://www.baidu.com?a=1&b=2&c=3 var url1 = url.replace(reg,"$1") console.log(url1); //http://www.baidu.com?a&b=2&c=3 var url1 = url.replace(reg,"$2") console.log(url1); //http://www.baidu.com?1&b=2&c=3 var url1 = url.replace(reg,"$'") console.log(url1); //http://www.baidu.com?&b=2&c=3&b=2&c=3 var reg = /([^?&=]+)=([^?&=])*/g; //带修饰符g var url1 = url.replace(reg,"$&") console.log(url1); //http://www.baidu.com?a=1&b=2&c=3 var url1 = url.replace(reg,"$1") console.log(url1); //http://www.baidu.com?a&b&c var url1 = url.replace(reg,"$2") console.log(url1); //http://www.baidu.com?1&2&3 var url1 = url.replace(reg,"$'") console.log(url1); //http://www.baidu.com?&b=2&c=3&&c=3&

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzsgxw.html