前面的文章我已经介绍了正则的四个基本方法,当时也提到过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>可以看出上面的结果很奇怪,第二个参数是回调函数,但是显示回调函数中的参数时,却都是成功匹配到的字符串
那么我们就可以针对这个参数中的每个结果做处理,几个字就产生几个*号
<!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方法了解加深了一步。。。。。
以上所述就是本文的全部内容了,希望大家能够喜欢。