javascript中replace()方法

來源:互聯網
上載者:User
  在javascript中,String的函數replace()簡直太讓人喜愛了。它靈活而強大的字元替換處理能力,讓我不禁想向大家介紹它。

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

<script language="javascript">
var strM = "javascript is a good script language";
//在此我想將字母a替換成字母A
alert(strM.replace("a","A"));
</script>

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

<script language="javascript">
var strM = "javascript is a good script language";
//在此我想將字母a替換成字母A
alert(strM.replace(/a/,"A"));
</script>

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

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

  還可以這樣,看看效果!

<script language="javascript">
var strM = "javascript is a good script language";
alert(strM.replace(/(javascript)\s*(is)/g,"$1 $2 fun. it $2"));
</script>

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

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

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

<script language="javascript">
var strM = "javascript is a good script language";
function change(word)
{
 return word.indexOf(0).toUpperCase()+word.substring(1);
}
alert(strM.replace(/\b\w+\b/g,change));
</script>

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

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

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

<script language="javascript">
var strM = "javascript is a good script language";
function change(word)
{
 var result = word.match(/(\w)/g);
if ( result )
{
 var str = "";
  for ( var i=result.length-1; i>=0; i-- )
 {
   str += result;
 }
 return str;
}
else
{
  return "null";
}
}
alert(strM.replace(/\b(\w)+\b/g,change));
</script>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.