您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
javascript正则表达式中的replace方法详解
作者：佚名 责任编辑：admin 更新时间：2022-06-22
replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正则表达式对象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。
前面的文章我已经介绍了正则的四个基本方法，当时也提到过replace方法
我们来回顾一下replace方法的使用：
先定义一个正则对象：var re=/中间写匹配的条件/;
replace()：正则匹配字符串，若是匹配成功，将匹配成功的字符串用新的字符串来替换
语法：字符串.replace(re,新的字符串);
举个例子：网络中经常会遇到，不文明的词会被*代替，我们来试一下：
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <!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可以是回调函数，我们对程序进行改造一下，将第二个参数换成回调函数，并且给这个回调函数传递一个参数
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!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>可以看出上面的结果很奇怪，第二个参数是回调函数，但是显示回调函数中的参数时，却都是成功匹配到的字符串
那么我们就可以针对这个参数中的每个结果做处理，几个字就产生几个*号
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <!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方法了解加深了一步。。。。。
以上所述就是本文的全部内容了，希望大家能够喜欢。
- 上一个程序编程： javascript正则表达式基础知识入门
- 下一个程序编程： javascript中callee与caller的区别分析
