js replace函数输入参数

最新推荐文章于 2022-06-16 15:43:25 发布
最新推荐文章于 2022-06-16 15:43:25 发布
阅读量371 收藏
点赞数
分类专栏： javascript 文章标签： javascript replace 输入参数 正则表达式 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yxc_gdut/article/details/84413437
版权

 

    测试了下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下执行结果：



 

 

    测试代码的断言都通过：

 

    1、显然replace第二个参数function的输入参数跟第一参数.exec(url)返回的信息一致。

    2、假如第一个参数不是正则表达式，function的输入参数依然为/第一参数/.exec(url)返回结果。

 

 

yxc_gdut
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中字符串replace函数的参数解析
垂钓老翁的博客
10-17 1144
repalce函数的作用是替换匹配到的字符串。 参数1： 可以是被替换的文本字符串或者正则对象。 参数2： 替换的文本或者替换文本的函数。 注意：参数为1正则对象且全局匹配，参数2为函数时，则函数会多次调用，返回值为替换的值。 注意：参数1为正则，参数2为文本且带有$符号时，所代表的意义如下。 ①、$1、$2、…$99 表示 regExp 中的第 1 到第 99 个子表达式相匹配的文本。 ②、 $&表示与 regexp 相匹配的子串。 ③、 $` 表示位于匹配子串左侧的文本。 ④、 $’ 表示位于匹
javascript replace()第二个参数为函数时的参数用法
11-26
javascript的replace()第二个参数为函数时的参数: replace()函数具有替换功能，它可以具有两个参数，第一个参数可以是要被替换的字符串或者匹配要被替换字符串的正则表达式，第二个参数可以是替换文本或者一个函数，下面看一下关于replace()函数的几个代码实例。 代码实例: 实例一: [removed] var str="I love jb51 and you?"; console.log(str.replace("jb","java")); [removed] 上面的代码只能够替换字符串中的第一个指定子字符串。 实例二: [removed] var str="I love
JavaScript 函数replace揭秘
weixin_34417200的博客
03-14 101
         在JavaScript中replace函数作为字符串替换函数，这是一个威力强大的字符串操作函数，对于常见字符串操作的推荐用法。这篇随笔就来更加深入的理解它。        replace函数接受两个参数,第一个参数为字符串或正则表达式，第一个参数同样可以接受一个字符串，还可能是一个函数。       首先对于第一个参数为字符串的我们不再需要多说"I am a boy".rep...
JavaScript replace函数参数解析
qq_30378229的博客
05-19 3663
replace第一个参数一般放置的是正则表达式或字符串，用来匹配想要替换的文本；第二个参数一般我们放入的是字符串，用来替换掉正则匹配到的文本。第一种方法一般是放一个字符串在第二个参数中，直接用于替换所匹配到的字符；第二种方法比较高阶的技巧，第一个参数为正则表达式，第二个参数使用$字符可以取得捕获括号中的内容，再进行相关操作。      字符 替换文本：       $&amp; 与正则相匹配的字符...
js replace() 函数第二个参数是函数时
zhanyouxin的博客
03-16 1137
replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正则表达式对象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。语法是复制过来的，主要记录一下当 replaceText 是函数时，这个函数的参数问题。这个函数的参数默认为（匹配字符串, ...
详解JavaScript 中的 replace 方法
10-23
JavaScript中的`replace()`方法是一个非常实用的字符串操作函数，它允许你在字符串中替换特定的字符或者与正则表达式匹配的子串。这个方法的基本语法是`stringObject.replace(regexp/substr, replacement)`，其中： ...
自定义ubb代码,preg_replace()函数的一些代码
10-30
总之，自定义UBB代码结合`preg_replace()`函数可以实现用户输入的富文本处理，提供了一种方便的文本格式化方式。然而，为了保证系统的安全性和稳定性，开发者必须考虑到可能的安全风险，并采取适当的防护措施。同时...
PHP实现Javascript中的escape及unescape函数代码分享
10-24
请注意，这些函数在处理多字节字符时假设输入字符串是GBK编码的，因此在实际使用时可能需要根据实际情况调整编码参数。 总结一下，通过上述代码，我们可以实现PHP中的`escape`和`unescape`功能，以便在与JavaScript...
javascript函数的解释
02-26
47.当在超链接中调用JS函数时用:(javascript:)来开头后面加函数名 48.在老的浏览器中不执行此JS:<!-- //--> 49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"> 50.指定在不支持脚本的浏览器显示...
JS中处理与当前时间间隔的函数代码
01-19
[removed] //计算一个日期字符串与当前日期相差值 //输入的参数形式如：2012-12-12 12:12:12 //返回相差值的字符串 function GetDateDiff(datetime) { // 可以将2012 – 12 – 12 12 : 12 : 12字符串转为JS中的时期...
JS中的Replace()传入函数时的用法详解
10-19
主要介绍了JS中的Replace()传入函数时的用法详解,replace方法的语法是：stringObj.replace(rgExp, replaceText)关于js replace 传入函数的用法，大家通过本文学习吧
JavaScript 中replace()参数为函数用法实例
weixin_45466389的博客
11-08 341
js中replace第二个参数使用function,中的参数分析
weixin_34327761的博客
11-23 362
js中replace函数中的第一个参数是要替换的值，第二个为要替换成的值。var re = /\d{1,3}(?=(\d{3})+$)/g;var n1 = n.replace(/^(\d+)((\.\d+)?)$/, function (s, s1, s2) { return s1.replace(re,"$&,"); alert(s + "|" + s1 + "|" + s2); })...
JavaScript的replace()传入函数时的用法
落日夕霞的博客
09-10 1820
js的replace()传入函数时的用法
js replace的使用
m0_50864962的博客
03-01 3868
replace可以传入两个参数replace(‘要替换的值’, ‘替换成的值’) replace两个参数中的第一个参数可以是一个字符串,也可以是一个正则表达式 如果第一个参数是一个字符串, 则遇到匹配的字符就会执行替换,就不会再继续执行替换后面的字符 let str = 'Hello _小明' str.replace('l', '**') // 'He**lo _小明' 第一个字符可以是一个正则表达式来进行全部匹配替换 let str = 'Hello _小明_ll_18' str.replace
【JavaScript】详解JavaScript中的replace()函数
热门推荐
南栀的博客
03-10 7万+
replace()函数详解
关于正则表达式中replace的第二个参数
编程之路
03-30 2261
语法 string.replace(searchvalue,newvalue) 参数值 searchvalue 必须。规定子字符串或要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。 newvalue 必需。一个字符串值。规定了替换文本或生成替换文本的函数。 返回值 String 一个...
java replace三个参数的含义
weixin_52627566的博客
06-16 2202
1.String最常见的, String类的replace方法, 第一个参数是要修改的字符串,第二个参数是要替换的字符串,第三个参数是替换成什么样的字符串. replace("123456","12","00"); 返回"003456"2.StringBufferpublic StringBuffer replace(int start,int end,String str):从start开始到end，用str替换StringBuffer s = new StringBuffer("123456789");
JS的replace方法
不求所有，但求所用
08-02 943
replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下，每个匹配都调用该函数，它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数 是与模式中的子表达式匹配的字符串，可以有 0 个或多个这样的参数。接下来的
js写一个函数，输入一个key得到值，使用正则表达式提取网址请求参数
最新发布
09-11
### 回答1： 以下是一个使用正则表达式提取网址请求参数的JavaScript函数示例： ```javascript function getQueryParamValue(url, key) { const regex = new RegExp(`[?&]${key}=([^&#]*)`); const match = regex.exec(url); return match ? decodeURIComponent(match[1].replace(/\+/g, ' ')) : null; } ``` 这个函数接受两个参数：`url`是包含请求参数的网址，`key`是要提取的请求参数的名称。函数使用正则表达式来匹配以`?`或`&`开头，后跟参数名称和参数值的字符串，并从中提取参数值。 函数返回提取的参数值，如果参数不存在，则返回`null`。请注意，返回值是经过URL解码的，因为在URL中参数值可能会进行编码。 以下是一个使用示例： ```javascript const url = 'https://example.com/?foo=bar&baz=qux'; const value = getQueryParamValue(url, 'foo'); console.log(value); // 输出: "bar" ``` 在这个例子中，函数将提取URL中`foo`参数的值`bar`。 ### 回答2： 以下是一个用 JavaScript 编写的函数示例： ```javascript function getParamValue(url, key) { // 使用正则表达式提取参数部分 const params = url.match(/\?(.+)/)[1]; // 将参数字符串分割成键值对数组 const paramPairs = params.split('&'); // 遍历键值对数组，查找匹配的键，并返回对应的值 for (let pair of paramPairs) { const [paramKey, paramValue] = pair.split('='); if (paramKey === key) { return paramValue; } } // 如果找不到匹配的键，则返回 undefined return undefined; } // 示例用法 const url = "https://www.example.com/?name=John&age=25"; const key = "name"; const value = getParamValue(url, key); console.log(value); // 输出 "John" ``` 这个函数通过正则表达式提取出网址中的参数部分，然后将参数字符串分割成键值对数组。函数会遍历数组，查找与输入的键相匹配的键值对，并返回对应的值。如果找不到匹配的键，则返回 undefined。在示例中，函数被调用后会返回 URL 中键为 "name" 的值，即 "John"。 ### 回答3： JavaScript可以使用正则表达式来提取网址请求参数。可以编写一个函数，接受一个参数作为key并返回对应的值。 下面是一个示例函数的实现： ```javascript function getParameterValue(url, key) { // 创建匹配URL参数的正则表达式 const regex = new RegExp(`${key}=([^&]*)`); // 使用正则表达式匹配URL中对应的参数值 const result = url.match(regex); // 如果匹配成功，则返回参数值 if (result && result.length >= 2) { return result[1]; } // 如果未找到对应的参数，则返回null或者可以自定义的默认值 return null; } ``` 使用这个函数，只需要将URL和对应的参数key作为参数传入即可： ```javascript const url = "https://www.example.com/?name=John&age=25"; const key = "age"; const value = getParameterValue(url, key); console.log(value); // 输出：25 ``` 这个函数会根据传入的key在URL中提取对应的参数值，并将其返回。如果未找到对应的参数，则返回null或者可以自定义的默认值。 需要注意的是，这个函数只能提取URL中第一个匹配到的参数的值。如果需要提取多个参数，可以在函数中做一些适当的调整，例如使用全局标志`g`来匹配到所有的参数值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值