js replace函数输入参数

最新推荐文章于 2023-04-20 11:03:53 发布

yxc_gdut

最新推荐文章于 2023-04-20 11:03:53 发布

阅读量396

点赞数

分类专栏： javascript 文章标签： javascript replace 输入参数正则表达式 ViewUI

本文链接：https://blog.csdn.net/yxc_gdut/article/details/84413437

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

测试了下replace函数的输入参数，

之前一直不了解，如果replace第二个参数为function，那么replace函数提供给function的输入参数是什么呢？

例如：

String.replace(regexp,function(?,?){})

猜想是：

function的输入参数跟exec函数返回结果想似。

先看测试代码：

<!DOCTYPE HTML>
<html>
  <head>
    <title>replace.html</title>
    <meta http-equiv="content-type" content="text/html; charset=gb2312">
  </head>
  <body>
    <script type="text/javascript">
    	var url = "http://www.baidu.com/abc.jsp?method=method&name=abc&age=12";
    	
    	//第一参数为字符串
    	console.group("字符串");
    	var newUrl1 = url.replace("www.baidu.com",function(){
				    		console.log("replace输入参数：%o",arguments);
				    		var val = /www.baidu.com/.exec(url);
				    		console.log("exec输出参数：%o",val);
				    		
				    		console.assert(arguments[0] === val[0]);
				    		console.assert(arguments[1] === val["index"]);
				    		console.assert(arguments[2] === val["input"]);
				    		return "123";
				    	});
	console.log("replace返回字符串："+newUrl1);
    	console.groupEnd("字符串");
    	
    	//第一参数为正则表达式
    	console.group("正则表达式");
    	var regexp_global = /[?&](\w+)=([^&]*)/g;
    	var count = 0;
    	var newUrl2 = url.replace(regexp_global,function(){
				    		console.log("第"+(count++)+"次运行");
				    		console.log("replace输入参数：%o",arguments);
				    		var val = regexp_global.exec(url);
				    		console.log("exec输出参数：%o",val);
				    		
				    		console.assert(arguments[0] === val[0]);
				    		console.assert(arguments[1] === val[1]);
				    		console.assert(arguments[2] === val[2]);
				    		console.assert(arguments[3] === val["index"]);
				    		console.assert(arguments[4] === val["input"]);
				    		return count;
				    	});
	console.log("replace返回字符串："+newUrl2);
	console.groupEnd("正则表达式");
    </script>
  </body>
</html>

firefox下执行结果：