快捷導(dǎo)航

javascript replace()用法詳解附實(shí)例代碼

更新時(shí)間：2008年10月24日 00:37:42 作者：

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

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

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

　　我想大家運(yùn)行后可以看到結(jié)果，它只替換了首字母。但如果加上正則表達(dá)式結(jié)果就不一樣了！呵呵，沒(méi)錯(cuò)。replace()支持正則表達(dá)式，它可以按照正則表達(dá)式的規(guī)則匹配字符或字符串，然后給予替換！

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

　　呵呵，您一定發(fā)現(xiàn)了。這樣還是只替換了第一個(gè)字母a。如果您熟悉正則，那這就難不住您。稍加修改就OK了。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

　　還可以這樣，看看效果！

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

　　我這兒舉的例子都是很簡(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)單例子：將所有單詞首字母換成大寫。

[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í)行]

您可能感興趣的文章:

相關(guān)文章

如何自定義刪除無(wú)依賴文件的webpack插件
通過(guò)自定義webpack插件,利用執(zhí)行完成編譯的封存階段后,產(chǎn)生的產(chǎn)物module.fileDependencies,生成依賴的文件組,通過(guò)讀文件的方式,將待掃描的文件組和有依賴關(guān)系的文件進(jìn)行對(duì)比,這篇文章主要介紹了自定義刪除無(wú)依賴文件的webpack插件,需要的朋友可以參考下
2023-12-12
javascript檢測(cè)對(duì)象中是否存在某個(gè)屬性判斷方法小結(jié)
檢測(cè)對(duì)象中屬性的存在與否可以通過(guò)以下幾種方法來(lái)判斷:使用in關(guān)鍵字、使用對(duì)象的hasOwnProperty()方法、用undefined判斷、在條件語(yǔ)句中直接判斷，感興趣的朋友可以了解下哈
2013-05-05
js瀏覽器滾動(dòng)條卷去的高度scrolltop(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇js瀏覽器滾動(dòng)條卷去的高度scrolltop(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
javascript removeChild 使用注意事項(xiàng)
removeChild的注意事項(xiàng)。大家可以參考下。
2009-04-04
JS正則表達(dá)式常見(jiàn)函數(shù)與用法小結(jié)
這篇文章主要介紹了JS正則表達(dá)式常見(jiàn)函數(shù)與用法,結(jié)合實(shí)例形式分析了JS正則表達(dá)式基本功能、常見(jiàn)函數(shù)與相關(guān)使用技巧,需要的朋友可以參考下
2020-04-04
JavaScript字符串操作的四個(gè)實(shí)用技巧
在制作前端頁(yè)面的過(guò)程中,經(jīng)常需要用到JavaScript進(jìn)行邏輯處理,很多時(shí)候都需要對(duì)字符串進(jìn)行操作,這篇文章主要給大家介紹了關(guān)于JavaScript字符串操作的四個(gè)實(shí)用技巧,需要的朋友可以參考下
2021-07-07
Bootstrap分頁(yè)插件之Bootstrap Paginator實(shí)例詳解
Bootstrap Paginator是一款基于Bootstrap的js分頁(yè)插件，功能很豐富，個(gè)人覺(jué)得這款插件已經(jīng)無(wú)可挑剔了，感興趣的朋友跟著腳本之家小編一起學(xué)習(xí)吧
2016-10-10
layui操作列按鈕個(gè)數(shù)和文字顏色的判斷實(shí)例
今天小編就為大家分享一篇layui操作列按鈕個(gè)數(shù)和文字顏色的判斷實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
JavaScript全排列的六種算法具體實(shí)現(xiàn)
這篇文章介紹了全排列的六種算法有，交換算法，鏈接算法，回溯算法等，有需要的朋友可以參考一下
2013-06-06
A標(biāo)簽中通過(guò)href和onclick傳遞的this對(duì)象實(shí)現(xiàn)思路
想傳遞當(dāng)前對(duì)象給一個(gè)函數(shù)，于是就將這個(gè)URL寫成"Javascript:shoControlSidebar(this)"，可是結(jié)果發(fā)現(xiàn)這并不可行，接下來(lái)為大家詳細(xì)介紹下解決方法
2013-04-04