解析Javascript中replace()方法使用
你知道Javascript中replace()方法的使用嗎,這里向大家描述一下,相信本文介紹一定會(huì)讓你有所收獲。
Javascript中replace()方法
在javascript中,String的函數(shù)replace()簡直太讓人喜愛了。它靈活而強(qiáng)大的字符替換處理能力,讓我不禁想向大家介紹它。
replace()最簡單的算是能力就是簡單的字符替換。示例代碼如下:
- <scriptlanguagescriptlanguage="javascript">
- varstrM="javascriptisagoodscriptlanguage";
- //在此我想將字母a替換成字母A
- alert(strM.replace("a","A"));
- </script>
我想大家運(yùn)行后可以看到結(jié)果,它只替換了首字母。但如果加上正則表達(dá)式結(jié)果就不一樣了!呵呵,沒錯(cuò)。replace()支持正則表達(dá)式,它可以按照正則表達(dá)式的規(guī)則匹配字符或字符串,然后給予替換!
- <scriptlanguagescriptlanguage="javascript">
- varstrM="javascriptisagoodscriptlanguage";
- //在此我想將字母a替換成字母A
- alert(strM.replace(/a/,"A"));
- </script>
這樣還是只替換了***個(gè)字母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>
我這兒舉的例子都是很簡單的應(yīng)用,replace()在此點(diǎn)上與您使用正則表達(dá)式的能力成正比。您正則表達(dá)式越強(qiáng),呵呵,那您就會(huì)越瘋狂的愛上它。
當(dāng)然,我這兒推薦replace()的原因并不因?yàn)樗芘c正則表達(dá)式合作,而在于它還能與函數(shù)進(jìn)行合作,發(fā)揮出強(qiáng)大的功能。
先看看簡單例子:將所有單詞首字母換成大寫。
- <scriptlanguagescriptlanguage="javascript">
- varstrM="javascriptisagoodscriptlanguage";
- functionchange(word)
- {
- returnword.indexOf(0).toUpperCase()+word.substring(1);
- }
- alert(strM.replace(/w+/g,change));
- </script>
由上可知,當(dāng)正則表達(dá)式有"g"標(biāo)志時(shí),代表將處理整個(gè)字符串,即函數(shù)change的變換將應(yīng)用于所有匹配的對象。而該函數(shù)有三個(gè)或更多參數(shù),具體個(gè)數(shù)視正則表達(dá)式而定。
有了函數(shù)與正則表達(dá)式的配合,replace()處理字符串的功能***強(qiáng)大起來了!
***還舉個(gè)例子,將字符串所有單詞倒序,用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>
【編輯推薦】
- JavaScript對象的定義及創(chuàng)建實(shí)例
- JavaScript函數(shù)的定義及形式參數(shù)
- C#代碼與JavaScript函數(shù)的相互調(diào)用
- JavaScript函數(shù)中arguments對象
- Javascript中CSS屬性float特殊寫法