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

前言

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

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

实例介绍

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

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

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' ? r : a ;
   })
  }
 }())
 document.write('<h1>我是标题</h1>'.deentityfy());

这里得讲讲字符实体，以免下面混淆。

字符实体是不会当作HTML语句来解析的，比如上面的'<h1>我是标题</h1>'这一段输出到页面上，我们看到的是这样的：

　　

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　

总结

好了，以上就是这篇文章的全部内容了，接触正则也快三年时间了，一直不知道正则还有这么强大的功能，当然也可能是我孤陋寡闻啦。希望大家永葆一颗学习的心，一起进步。同时也希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

赞 (0)

相关推荐

  • JS、replace利用正则表达式替换SQL所有参数为指定格式的数据

    SQL参数格式 例如:select * from tb where nd=:nd and yd=:yd 想一次性把所有SQL语句中参数(带冒号)全部换成数据, 开始 选定用正则表达式. 原先写这样 复制代码 代码如下: strsql.replace(/(:\w+)/g,("$1").substring(1)); "$1" 总是本解析成字符串,而不是匹配的值 换成 复制代码 代码如下: strsql.replace(/(:\w+)/g,$1); 又不能给出匹配值,$1

  • js使用正则实现ReplaceAll全部替换的方法

    JS 字符串有replace() 方法.但这个方法只会对匹配到的第一个字串替换. 如下例: <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <script> var str = "wordwordwordword"; var strNew = str.replace("word","Excel"

  • javascript中使用replaceAll()函数实现字符替换的方法

    而str.replace(/\-/g,"!")则可以全部替换掉匹配的字符(g为全局标志). replace() The replace() method returns the string that results when you replace text matching its first argument (a regular expression) with the text of the second argument (a string). If the g (glob

  • JS利用正则配合replace替换指定字符

    定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串. 语法 stringObject.replace(regexp,replacement) 参数 描述 regexp 必需.规定了要替换的模式的 RegExp 对象.请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象. replacement 必需.一个字符串值.规定了替换文本或生成替换文本的函数. 返回值 一个新的字符串,是用 repl

  • js 页面刷新location.reload和location.replace的区别小结

    首先介绍两个方法的语法: reload 方法,该方法强迫浏览器刷新当前页面. 语法: location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前进"和"后

  • js replace 与replaceall实例用法详解

    stringObj.replace(rgExp, replaceText) 参数 stringObj 必选项.要执行该替换的 String 对象或字符串文字.该字符串不会被 replace 方法修改. rgExp 必选项.为包含正则表达式模式或可用标志的正则表达式对象.也可以是 String 对象或文字.如果 rgExp 不是正则表达式对象,它将被转换为字符串,并进行精确的查找;不要尝试将字符串转化为正则表达式. replaceText 必选项.是一个String 对象或字符串文字,对于stri

  • JavaScript String.replace函数参数实例说明

    Email:longsu2010 at yeah dot net js String的replace函数的函数签名如下: replace(match/* 字符串OR正则表达式 */, replacement/* 字符串OR函数 */) 作用是将源自符串中的match替换为replacement并返回替换后的字符串. 如果第一参数是字符串就没什么好说的了,但是要记住此时只在源自符串替换一次match(第一次)函数就执行完成了. 所以第一参数通常是一个正则表达式,举例如下: replace(/a/g

  • js中字符替换函数String.replace()使用技巧

    定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串. 语法 stringObject.replace(regexp/substr,replacement)参数 描述 regexp/substr 必需.规定子字符串或要替换的模式的 RegExp 对象. 请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象.   replacement 必需.一个字符串值.规定了替换文本或生成替换文本的函数.

  • javascript replace()用法详解附实例代码

    replace()最简单的算是能力就是简单的字符替换.示例代码如下: var strM = "javascript is a good script language"; //在此我想将字母a替换成字母A alert(strM.replace("a","A")); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 我想大家运行后可以看到结果,它只替换了首字母.但如果加上正则表达式结果就不一样了!呵呵,没错.replace()支持正则表达

  • js正则函数match、exec、test、search、replace、split使用介绍集合

    js正则函数match、exec、test、search、replace、split使用介绍集合

    match 方法 使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回. stringObj.match(rgExp) 参数 stringObj 必选项.对其进行查找的 String 对象或字符串文字. rgExp 必选项.为包含正则表达式模式和可用标志的正则表达式对象.也可以是包含正则表达式模式和可用标志的变量名或字符串文字. 其余说明与exec一样,不同的是如果match的表达式匹配了全局标记g将出现所有匹配项,而不用循环,但所有匹配中不会包含子匹配项. 例子1: functi

随机推荐