javascript正則表達(dá)式中的replace方法詳解

更新時(shí)間：2015年04月20日 09:15:25 投稿：hebedich

replace方法的語(yǔ)法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正則表達(dá)式對(duì)象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。

前面的文章我已經(jīng)介紹了正則的四個(gè)基本方法，當(dāng)時(shí)也提到過(guò)replace方法

我們來(lái)回顧一下replace方法的使用：
先定義一個(gè)正則對(duì)象：var re=/中間寫匹配的條件/;
replace（）：正則匹配字符串，若是匹配成功，將匹配成功的字符串用新的字符串來(lái)替換
語(yǔ)法：字符串.replace(re,新的字符串)；

舉個(gè)例子：網(wǎng)絡(luò)中經(jīng)常會(huì)遇到，不文明的詞會(huì)被*代替，我們來(lái)試一下：

<!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='轉(zhuǎn)化不文明的語(yǔ)言'><br />
  <textarea rows='7' cols='20'>
  </textarea><br />
</body>
</html>

當(dāng)然了，我們對(duì)上面的轉(zhuǎn)化效果不滿意，我想要實(shí)現(xiàn)的是，轉(zhuǎn)化了幾個(gè)字就顯示幾個(gè)*號(hào)

這時(shí)候我們就需要進(jìn)行分析了，其實(shí)，replace(參數(shù)1，參數(shù)2)中的參數(shù)2可以是回調(diào)函數(shù)，我們對(duì)程序進(jìn)行改造一下，將第二個(gè)參數(shù)換成回調(diào)函數(shù)，并且給這個(gè)回調(diào)函數(shù)傳遞一個(gè)參數(shù)

<!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='轉(zhuǎn)化不文明的語(yǔ)言'><br />
  <textarea rows='7' cols='20'>
  </textarea><br />
</body>
</html>

可以看出上面的結(jié)果很奇怪，第二個(gè)參數(shù)是回調(diào)函數(shù)，但是顯示回調(diào)函數(shù)中的參數(shù)時(shí)，卻都是成功匹配到的字符串

那么我們就可以針對(duì)這個(gè)參數(shù)中的每個(gè)結(jié)果做處理，幾個(gè)字就產(chǎn)生幾個(gè)*號(hào)

<!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='轉(zhuǎn)化不文明的語(yǔ)言'><br />
  <textarea rows='7' cols='20'>
  </textarea><br />
</body>
</html>

通過(guò)上面的例子，是不是又對(duì)replace方法了解加深了一步。。。。。

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章: