溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Javascript中如何使用replace()方法

發(fā)布時間:2021-07-01 15:57:41 來源:億速云 閱讀:177 作者:Leah 欄目:web開發(fā)

本篇文章為大家展示了Javascript中如何使用replace()方法,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。

Javascript中replace()方法

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

replace()最簡單的算是能力就是簡單的字符替換。示例代碼如下:

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

我想大家運行后可以看到結果,它只替換了首字母。但如果加上正則表達式結果就不一樣了!呵呵,沒錯。replace()支持正則表達式,它可以按照正則表達式的規(guī)則匹配字符或字符串,然后給予替換!

<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()在此點上與您使用正則表達式的能力成正比。您正則表達式越強,呵呵,那您就會越瘋狂的愛上它。

當然,我這兒推薦replace()的原因并不因為它能與正則表達式合作,而在于它還能與函數(shù)進行合作,發(fā)揮出強大的功能。

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

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

由上可知,當正則表達式有"g"標志時,代表將處理整個字符串,即函數(shù)change的變換將應用于所有匹配的對象。而該函數(shù)有三個或更多參數(shù),具體個數(shù)視正則表達式而定。

有了函數(shù)與正則表達式的配合,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>

上述內(nèi)容就是Javascript中如何使用replace()方法,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI