你的位置:首页 > Java教程

[Java教程]正则中的replace方法的高级应用


前面我已经介绍了正则的四个基本方法,当时也提到过replace方法
我们来回顾一下replace方法的使用:
先定义一个正则对象:var re=/中间写匹配的条件/;
replace():正则匹配字符串,若是匹配成功,将匹配成功的字符串用新的字符串来替换
语法:字符串.replace(re,新的字符串);
举个例子:网络中经常会遇到,不文明的词会被*代替,我们来试一下:

<!DOCTYPE><html><head>  <meta charset='utf-8'>   <title></title></head><script type="text/javascript">window.onload=function(){  var oTxtarea=document.getElementsByTagName('textarea');  var oInpt=document.getElementById('bt');  var re=/你妹|fuck|你大爷|萌萌/g;  oTxtarea[0].value='我要看你妹,不行,你大爷,我要萌萌你妹,不行,你想想的太多了';  oInpt.onclick=function(){      oTxtarea[1].value=oTxtarea[0].value.replace(re,'*');  };  };</script><body>  <textarea rows='7' cols='20'>  </textarea><br />  <input id='bt' type='button' value='转化不文明的语言'><br />  <textarea rows='7' cols='20'>  </textarea><br /></body></html>

当然了,我们对上面的转化效果不满意,我想要实现的是,转化了几个字就显示几个*号
这时候我们就需要进行分析了,其实,replace(参数1,参数2)中的参数2可以是回调函数,我们对程序进行改造一下,将第二个参数换成回调函数,并且给这个回调函数传递一个参数

<!DOCTYPE><html><head>  <meta charset='utf-8'>   <title></title></head><script type="text/javascript">window.onload=function(){  var oTxtarea=document.getElementsByTagName('textarea');  var oInpt=document.getElementById('bt');  var re=/你妹|fuck|你大爷|萌萌/g;  oTxtarea[0].value='我要看你妹,不行,你大爷,我要萌萌你妹,不行,你想想的太多了';  oInpt.onclick=function(){      oTxtarea[1].value=oTxtarea[0].value.replace(re,function(obj){        alert(obj);        /*alert(obj.length);*/    });  };  };</script><body>  <textarea rows='7' cols='20'>  </textarea><br />  <input id='bt' type='button' value='转化不文明的语言'><br />  <textarea rows='7' cols='20'>  </textarea><br /></body></html>

可以看出上面的结果很奇怪,第二个参数是回调函数,但是显示回调函数中的参数时,却都是成功匹配到的字符串[/color]
那么我们就可以针对这个参数中的每个结果做处理,几个字就产生几个*号

<!DOCTYPE><html><head>  <meta charset='utf-8'>   <title></title></head><script type="text/javascript">window.onload=function(){  var oTxtarea=document.getElementsByTagName('textarea');  var oInpt=document.getElementById('bt');  var re=/你妹|fuck|你大爷|萌萌/g;  oTxtarea[0].value='我要看你妹,不行,你大爷,我要萌萌你妹,不行,你想想的太多了';  oInpt.onclick=function(){      oTxtarea[1].value=oTxtarea[0].value.replace(re,function(obj){        var a='';        for (var i = 0; i < obj.length; i++) {          a+='*';        }        return a;    });  };  };</script><body>  <textarea rows='7' cols='20'>  </textarea><br />  <input id='bt' type='button' value='转化不文明的语言'><br />  <textarea rows='7' cols='20'>  </textarea><br /></body></html>

通过上面的例子,是不是又对replace方法了解加深了一步。。。。。