解析Javascript中replace()方法使用

你知道Javascript中replace()方法的使用嗎，這裡向大家描述一下，相信本文介紹一定會讓你有所收穫。

Javascript中replace()方法

在javascript中，String的函數replace()簡直太讓人喜愛了。它靈活而強大的字元替換處理能力，讓我不禁想向大家介紹它。

replace()最簡單的算是能力就是簡單的字元替換。範例程式碼如下：

 

  
<scriptlanguagescriptlanguage="javascript"> 
  
varstrM="javascriptisagoodscriptlanguage";  
  
//在此我想將字母a替換成字母A  
  
alert(strM.replace("a","A"));  
  
</script> 
 

我想大家運行後可以看到結果，它只替換了首字母。但如果加上Regex結果就不一樣了！呵呵，沒錯。replace()支援Regex，它可以按照Regex的規則匹配字元或字串，然後給予替換！

 

  
<scriptlanguagescriptlanguage="javascript"> 
  
varstrM="javascriptisagoodscriptlanguage";  
  
//在此我想將字母a替換成字母A  
  
alert(strM.replace(/a/,"A"));  
  
</script> 
 

這樣還是只替換了第一個字母a。如果您熟悉正則，那這就難不住您。稍加修改就OK了。

 

  
<scriptlanguagescriptlanguage="javascript"> 
  
varstrM="javascriptisagoodscriptlanguage";  
  
//在此將字母a全部替換成字母A  
  
alert(strM.replace(/a/g,"A"));  
  
</script> 
 

還可以這樣，看看效果！

 

  
<scriptlanguagescriptlanguage="javascript"> 
  
varstrM="javascriptisagoodscriptlanguage";  
  
alert(strM.replace(/(javascript)s*(is)/g,"$1$2fun.it$2"));  
  
</script> 
 

我這兒舉的例子都是很簡單的應用，replace()在此點上與您使用Regex的能力成正比。您Regex越強，呵呵，那您就會越瘋狂的愛上它。

當然，我這兒推薦replace()的原因並不因為它能與Regex合作，而在於它還能與函數進行合作，發揮出強大的功能。

先看看簡單例子：將所有單詞首字母換成大寫。

 

  
<scriptlanguagescriptlanguage="javascript"> 
  
varstrM="javascriptisagoodscriptlanguage";  
  
functionchange(word)  
  
{  
  
　returnword.indexOf(0).toUpperCase()+word.substring(1);  
  
}  
  
alert(strM.replace(/w+/g,change));  
  
</script> 
 

由上可知，當Regex有"g"標誌時，代表將處理整個字串，即函數change的變換將應用於所有匹配的對象。而該函數有三個或更多參數，具體個數視Regex而定。

有了函數與Regex的配合，replace()處理字串的功能空前強大起來了！

最後還舉個例子，將字串所有單詞倒序，用replace()處理是如此簡單。

 

  
<scriptlanguagescriptlanguage="javascript"> 
  
varstrM="javascriptisagoodscriptlanguage";  
  
functionchange(word)  
  
{  
  
　varresult=word.match(/(w)/g);  
  
if(result)  
  
{  
  
　varstr="";  
  
　for(vari=result.length-1;i>=0;i--)  
  
　{  
  
str+=result;  
  
　}  
  
　returnstr;  
  
}  
  
else  
  
{  
  
　return"null";  
  
}  
  
}  
  
alert(strM.replace(/(w)+/g,change));  
  
</script>