javascript replace()方法的簡(jiǎn)單分析
更新時(shí)間:2008年11月26日 13:54:10 作者:
javascript中replace()在javascript中,String的函數(shù)replace()簡(jiǎn)直太讓人喜愛(ài)了。它靈活而強(qiáng)大的字符替換處理能力,讓我不禁想向大家介紹它。
replace()最簡(jiǎn)單的算是能力就是簡(jiǎn)單的字符替換。示例代碼如下:
<script language="javascript">
var strM = "javascript is a good script language";
//在此我想將字母a替換成字母A
alert(strM.replace("a","A"));
</script>
我想大家運(yùn)行后可以看到結(jié)果,它只替換了首字母。但如果加上正則表達(dá)式結(jié)果就不一樣了!呵呵,沒(méi)錯(cuò)。replace()支持正則表達(dá)式,它可以按照正則表達(dá)式的規(guī)則匹配字符或字符串,然后給予替換!
<script language="javascript">
var strM = "javascript is a good script language";
//在此我想將字母a替換成字母A
alert(strM.replace(/a/,"A"));
</script>
呵呵,您一定發(fā)現(xiàn)了。這樣還是只替換了第一個(gè)字母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>
我這兒舉的例子都是很簡(jiǎn)單的應(yīng)用,replace()在此點(diǎn)上與您使用正則表達(dá)式的能力成正比。您正則表達(dá)式越強(qiáng),呵呵,那您就會(huì)越瘋狂的愛(ài)上它。
當(dāng)然,我這兒推薦replace()的原因并不因?yàn)樗芘c正則表達(dá)式合作,而在于它還能與函數(shù)進(jìn)行合作,發(fā)揮出強(qiáng)大的功能。
先看看簡(jiǎn)單例子:將所有單詞首字母換成大寫(xiě)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
由上可知,當(dāng)正則表達(dá)式有"g"標(biāo)志時(shí),代表將處理整個(gè)字符串,即函數(shù)change的變換將應(yīng)用于所有匹配的對(duì)象。而該函數(shù)有三個(gè)或更多參數(shù),具體個(gè)數(shù)視正則表達(dá)式而定。
有了函數(shù)與正則表達(dá)式的配合,replace()處理字符串的功能空前強(qiáng)大起來(lái)了!
最后還舉個(gè)例子,將字符串所有單詞倒序,用replace()處理是如此簡(jiǎn)單。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
<script language="javascript">
var strM = "javascript is a good script language";
//在此我想將字母a替換成字母A
alert(strM.replace("a","A"));
</script>
我想大家運(yùn)行后可以看到結(jié)果,它只替換了首字母。但如果加上正則表達(dá)式結(jié)果就不一樣了!呵呵,沒(méi)錯(cuò)。replace()支持正則表達(dá)式,它可以按照正則表達(dá)式的規(guī)則匹配字符或字符串,然后給予替換!
<script language="javascript">
var strM = "javascript is a good script language";
//在此我想將字母a替換成字母A
alert(strM.replace(/a/,"A"));
</script>
呵呵,您一定發(fā)現(xiàn)了。這樣還是只替換了第一個(gè)字母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>
我這兒舉的例子都是很簡(jiǎn)單的應(yīng)用,replace()在此點(diǎn)上與您使用正則表達(dá)式的能力成正比。您正則表達(dá)式越強(qiáng),呵呵,那您就會(huì)越瘋狂的愛(ài)上它。
當(dāng)然,我這兒推薦replace()的原因并不因?yàn)樗芘c正則表達(dá)式合作,而在于它還能與函數(shù)進(jìn)行合作,發(fā)揮出強(qiáng)大的功能。
先看看簡(jiǎn)單例子:將所有單詞首字母換成大寫(xiě)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
由上可知,當(dāng)正則表達(dá)式有"g"標(biāo)志時(shí),代表將處理整個(gè)字符串,即函數(shù)change的變換將應(yīng)用于所有匹配的對(duì)象。而該函數(shù)有三個(gè)或更多參數(shù),具體個(gè)數(shù)視正則表達(dá)式而定。
有了函數(shù)與正則表達(dá)式的配合,replace()處理字符串的功能空前強(qiáng)大起來(lái)了!
最后還舉個(gè)例子,將字符串所有單詞倒序,用replace()處理是如此簡(jiǎn)單。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- javascript replace()用法詳解附實(shí)例代碼
- javascript replace()正則替換實(shí)現(xiàn)代碼
- javascript中字符串替換函數(shù)replace()方法與c# 、vb 替換有一點(diǎn)不同
- javascript中使用replaceAll()函數(shù)實(shí)現(xiàn)字符替換的方法
- javascript正則表達(dá)式使用replace()替換手機(jī)號(hào)的方法
- JavaScript中的replace()方法使用詳解
- Javascript中replace()小結(jié)
- 淺談javascript中replace()方法
- 淺談java中replace()和replaceAll()的區(qū)別
相關(guān)文章
JS實(shí)現(xiàn)的表頭列頭固定頁(yè)面功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的表頭列頭固定頁(yè)面功能,涉及javascript針對(duì)頁(yè)面元素及表格樣式動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2017-01-01JavaScript使用DeviceOne開(kāi)發(fā)實(shí)戰(zhàn)(四)仿優(yōu)酷視頻應(yīng)用
這篇文章主要介紹了JavaScript使用DeviceOne開(kāi)發(fā)實(shí)戰(zhàn)(四)仿優(yōu)酷視頻應(yīng)用的相關(guān)資料,需要的朋友可以參考下2015-12-12js 通過(guò)html()及text()方法獲取并設(shè)置p標(biāo)簽的顯示值
這篇文章主要介紹了js 通過(guò)html()及text()方法獲取并設(shè)置p標(biāo)簽的顯示值,需要的朋友可以參考下2014-05-05javascript+css實(shí)現(xiàn)進(jìn)度條效果
這篇文章主要為大家詳細(xì)介紹了javascript+css實(shí)現(xiàn)進(jìn)度條效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03Textbox控件注冊(cè)回車(chē)事件及觸發(fā)按鈕提交事件具體實(shí)現(xiàn)
Lyncplus客戶端中訪問(wèn)Web頁(yè)面時(shí)遇到了TextBox控件回車(chē)自動(dòng)完成按鈕的提交事件失效的情況,于是上網(wǎng)查找相關(guān)的介紹最終解決了這兩個(gè)問(wèn)題,感興趣的你可以參考下或許對(duì)你有所幫助2013-03-03