分享
 
 
 

javascript中replace()用法詳解

王朝html/css/js·作者佚名  2008-08-15
窄屏简体版  字體: |||超大  

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

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

<script language="javascript">

var strM = "javascript is a good script language";

//在此我想將字母a替換成字母A

alert(strM.replace("a","A"));

</script>

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

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

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

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

<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>

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

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

 
 
 
免責聲明:本文為網絡用戶發布,其觀點僅代表作者個人觀點,與本站無關,本站僅提供信息存儲服務。文中陳述內容未經本站證實,其真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
2023年上半年GDP全球前十五強
 百态   2023-10-24
美眾議院議長啟動對拜登的彈劾調查
 百态   2023-09-13
上海、濟南、武漢等多地出現不明墜落物
 探索   2023-09-06
印度或要將國名改為「巴拉特」
 百态   2023-09-06
男子為女友送行,買票不登機被捕
 百态   2023-08-20
手機地震預警功能怎麽開?
 干货   2023-08-06
女子4年賣2套房花700多萬做美容:不但沒變美臉,面部還出現變形
 百态   2023-08-04
住戶一樓被水淹 還衝來8頭豬
 百态   2023-07-31
女子體內爬出大量瓜子狀活蟲
 百态   2023-07-25
地球連續35年收到神秘規律性信號,網友:不要回答!
 探索   2023-07-21
全球鎵價格本周大漲27%
 探索   2023-07-09
錢都流向了那些不缺錢的人,苦都留給了能吃苦的人
 探索   2023-07-02
倩女手遊刀客魅者強控制(強混亂強眩暈強睡眠)和對應控制抗性的關系
 百态   2020-08-20
美國5月9日最新疫情:美國確診人數突破131萬
 百态   2020-05-09
荷蘭政府宣布將集體辭職
 干货   2020-04-30
倩女幽魂手遊師徒任務情義春秋猜成語答案逍遙觀:鵬程萬裏
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案神機營:射石飲羽
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案昆侖山:拔刀相助
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案天工閣:鬼斧神工
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案絲路古道:單槍匹馬
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:與虎謀皮
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:指鹿為馬
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案金陵:小鳥依人
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案金陵:千金買鄰
 干货   2019-11-12
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有