DDR爱好者之家

Javascript中字符串replace方法的第二个参数探究
站长资源 2024/11/28 佚名
70 1538
DDR爱好者之家 Design By 杰米

前言

replace第一个参数一般放置的是正则表达式，用来匹配想要替换的文本；第二个参数一般我们放入的是字符串，用来替换掉正则匹配到的文本。

其实replace远比上面说的要强大的多，它的内部已经封装的很完善了，远不是我们想象的那么简单，下面我们就来详细聊聊replace的第二个参数。

实例介绍

现在要实现一个功能，把HTML中的字符实体转换成它们所对应的字符，比如："&lt;"转换成对对应字符为:"<"。

下面我们来看看代码实现:

String.prototype.deentityfy=(function(){
  var entity = {
  lt:'<',
  gt:'>'
  };
  return function(){
  return this.replace(/&([^&;]+);/g,
   function(a,b,c,d){
   console.log('a:'+a+'---b:'+b+'---c:'+c+'---d:'+d);
   var r = entity[b];
   return typeof r ==='string' "text-align: center">Javascript中字符串replace方法的第二个参数探究　　


<h1>只是被浏览器当作字符串输出，而不是标签输出，上面这段代码就是把这些字符实体转换成对应字符，能够被浏览器所编译。


我们一步步来看上面的代码是怎么实现的。


首先，给String对象的原型挂载了一个deentityfy方法，这个方法是个自执行函数，使用闭包的形式，函数内的所有内容对外都是不可见的。


函数内，我们定义了一个entity对象字面量，里面有两个属性，分别对应标签的左右尖括号。


接下来return一个匿名函数，把我们要做的事写在这个函数内。


我们调用replace方法，第一个参数放置正则表达式：





/&([^&;]+);/g





这段正则表达式的匹配规则是：以"&"开头，后面紧跟一个或一个以上不是"&"和";"的字符，以";"结束。后面的g代表全局匹配。（更多有关正则表达式的学习请点击这里）


这里着重说下，正则中的"()"和javascript中运算时使用的"()"概念是不同的，这里的括号术语叫做:捕获括号。简单的说就是把括号内匹配到的字符暂时储存起来，在待会的替换环节可以取出来用。


接下来详细讲讲replace的第二个参数，也就是本文的重点。


我们一般是放一个字符串在第二个参数中，直接用于替换所匹配到的字符；还有更高阶的技巧，使用$字符可以取得捕获括号中的内容，再进行相关操作。


还有第三种方法， 给第二个参数传入匿名函数，函数的返回值用做替换的字符。


匿名函数有4个参数可以传入，当然，这些参数都不是必须要传的。


　　第一个参数：正则所匹配到的字符；


　　第二个参数：捕获括号所捕获到的字符；


　　第三个参数：正则匹配到的每段字符的第一个字符的索引；


　　第四个参数：用于匹配的字符串主体；


我把上面代码的运行结果打印出来大家应该就很清晰了：


Javascript中字符串replace方法的第二个参数探究　　


Javascript中字符串replace方法的第二个参数探究 


总结


好了，以上就是这篇文章的全部内容了，接触正则也快三年时间了，一直不知道正则还有这么强大的功能，当然也可能是我孤陋寡闻啦。希望大家永葆一颗学习的心，一起进步。同时也希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？

根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米