javascript replace()用法詳解附實例代碼
更新時間：2008年10月24日 00:37:42 作者：
在javascript中，String的函數(shù)replace()簡直太讓人喜愛了。它靈活而強大的字符替換處理能力，讓我不禁想向大家介紹它。
replace()最簡單的算是能力就是簡單的字符替換。示例代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我想大家運行后可以看到結(jié)果，它只替換了首字母。但如果加上正則表達式結(jié)果就不一樣了！呵呵，沒錯。replace()支持正則表達式，它可以按照正則表達式的規(guī)則匹配字符或字符串，然后給予替換！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
呵呵，您一定發(fā)現(xiàn)了。這樣還是只替換了第一個字母a。如果您熟悉正則，那這就難不住您。稍加修改就OK了。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
還可以這樣，看看效果！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我這兒舉的例子都是很簡單的應用，replace()在此點上與您使用正則表達式的能力成正比。您正則表達式越強，呵呵，那您就會越瘋狂的愛上它。
當然，我這兒推薦replace()的原因并不因為它能與正則表達式合作，而在于它還能與函數(shù)進行合作，發(fā)揮出強大的功能。
先看看簡單例子：將所有單詞首字母換成大寫。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
由上可知，當正則表達式有"g"標志時，代表將處理整個字符串，即函數(shù)change的變換將應用于所有匹配的對象。而該函數(shù)有三個或更多參數(shù)，具體個數(shù)視正則表達式而定。
有了函數(shù)與正則表達式的配合，replace()處理字符串的功能空前強大起來了！
最后還舉個例子，將字符串所有單詞倒序，用replace()處理是如此簡單。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我想大家運行后可以看到結(jié)果，它只替換了首字母。但如果加上正則表達式結(jié)果就不一樣了！呵呵，沒錯。replace()支持正則表達式，它可以按照正則表達式的規(guī)則匹配字符或字符串，然后給予替換！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
呵呵，您一定發(fā)現(xiàn)了。這樣還是只替換了第一個字母a。如果您熟悉正則，那這就難不住您。稍加修改就OK了。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
還可以這樣，看看效果！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我這兒舉的例子都是很簡單的應用，replace()在此點上與您使用正則表達式的能力成正比。您正則表達式越強，呵呵，那您就會越瘋狂的愛上它。
當然，我這兒推薦replace()的原因并不因為它能與正則表達式合作，而在于它還能與函數(shù)進行合作，發(fā)揮出強大的功能。
先看看簡單例子：將所有單詞首字母換成大寫。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
由上可知，當正則表達式有"g"標志時，代表將處理整個字符串，即函數(shù)change的變換將應用于所有匹配的對象。而該函數(shù)有三個或更多參數(shù)，具體個數(shù)視正則表達式而定。
有了函數(shù)與正則表達式的配合，replace()處理字符串的功能空前強大起來了！
最后還舉個例子，將字符串所有單詞倒序，用replace()處理是如此簡單。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- js正則函數(shù)match、exec、test、search、replace、split使用介紹集合
- JS利用正則配合replace替換指定字符
- js中字符替換函數(shù)String.replace()使用技巧
- js 頁面刷新location.reload和location.replace的區(qū)別小結(jié)
- js replace 與replaceall實例用法詳解
- js使用正則實現(xiàn)ReplaceAll全部替換的方法
- javascript中使用replaceAll()函數(shù)實現(xiàn)字符替換的方法
- js replace() 文本替換你所不知的
- 詳解JS正則replace的使用方法
- javascript中replace使用方法總結(jié)
相關文章
通過自定義webpack插件,利用執(zhí)行完成編譯的封存階段后,產(chǎn)生的產(chǎn)物module.fileDependencies,生成依賴的文件組,通過讀文件的方式,將待掃描的文件組和有依賴關系的文件進行對比,這篇文章主要介紹了自定義刪除無依賴文件的webpack插件,需要的朋友可以參考下2023-12-12
javascript檢測對象中是否存在某個屬性判斷方法小結(jié)
檢測對象中屬性的存在與否可以通過以下幾種方法來判斷:使用in關鍵字、使用對象的hasOwnProperty()方法、用undefined判斷、在條件語句中直接判斷，感興趣的朋友可以了解下哈2013-05-05
下面小編就為大家?guī)硪黄猨s瀏覽器滾動條卷去的高度scrolltop(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
removeChild的注意事項。大家可以參考下。2009-04-04
這篇文章主要介紹了JS正則表達式常見函數(shù)與用法,結(jié)合實例形式分析了JS正則表達式基本功能、常見函數(shù)與相關使用技巧,需要的朋友可以參考下2020-04-04
在制作前端頁面的過程中,經(jīng)常需要用到JavaScript進行邏輯處理,很多時候都需要對字符串進行操作,這篇文章主要給大家介紹了關于JavaScript字符串操作的四個實用技巧,需要的朋友可以參考下2021-07-07
Bootstrap分頁插件之Bootstrap Paginator實例詳解
Bootstrap Paginator是一款基于Bootstrap的js分頁插件，功能很豐富，個人覺得這款插件已經(jīng)無可挑剔了，感興趣的朋友跟著腳本之家小編一起學習吧2016-10-10
今天小編就為大家分享一篇layui操作列按鈕個數(shù)和文字顏色的判斷實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章介紹了全排列的六種算法有，交換算法，鏈接算法，回溯算法等，有需要的朋友可以參考一下2013-06-06
A標簽中通過href和onclick傳遞的this對象實現(xiàn)思路
想傳遞當前對象給一個函數(shù)，于是就將這個URL寫成"Javascript:shoControlSidebar(this)"，可是結(jié)果發(fā)現(xiàn)這并不可行，接下來為大家詳細介紹下解決方法2013-04-04