javascript replace()用法詳解附實例代碼
更新時間：2008年10月24日 00:37:42 作者：
在javascript中，String的函數(shù)replace()簡直太讓人喜愛了。它靈活而強大的字符替換處理能力，讓我不禁想向大家介紹它。
replace()最簡單的算是能力就是簡單的字符替換。示例代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我想大家運行后可以看到結(jié)果，它只替換了首字母。但如果加上正則表達(dá)式結(jié)果就不一樣了！呵呵，沒錯。replace()支持正則表達(dá)式，它可以按照正則表達(dá)式的規(guī)則匹配字符或字符串，然后給予替換！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
呵呵，您一定發(fā)現(xiàn)了。這樣還是只替換了第一個字母a。如果您熟悉正則，那這就難不住您。稍加修改就OK了。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
還可以這樣，看看效果！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我這兒舉的例子都是很簡單的應(yīng)用，replace()在此點上與您使用正則表達(dá)式的能力成正比。您正則表達(dá)式越強，呵呵，那您就會越瘋狂的愛上它。
當(dāng)然，我這兒推薦replace()的原因并不因為它能與正則表達(dá)式合作，而在于它還能與函數(shù)進(jìn)行合作，發(fā)揮出強大的功能。
先看看簡單例子：將所有單詞首字母換成大寫。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
由上可知，當(dāng)正則表達(dá)式有"g"標(biāo)志時，代表將處理整個字符串，即函數(shù)change的變換將應(yīng)用于所有匹配的對象。而該函數(shù)有三個或更多參數(shù)，具體個數(shù)視正則表達(dá)式而定。
有了函數(shù)與正則表達(dá)式的配合，replace()處理字符串的功能空前強大起來了！
最后還舉個例子，將字符串所有單詞倒序，用replace()處理是如此簡單。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我想大家運行后可以看到結(jié)果，它只替換了首字母。但如果加上正則表達(dá)式結(jié)果就不一樣了！呵呵，沒錯。replace()支持正則表達(dá)式，它可以按照正則表達(dá)式的規(guī)則匹配字符或字符串，然后給予替換！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
呵呵，您一定發(fā)現(xiàn)了。這樣還是只替換了第一個字母a。如果您熟悉正則，那這就難不住您。稍加修改就OK了。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
還可以這樣，看看效果！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我這兒舉的例子都是很簡單的應(yīng)用，replace()在此點上與您使用正則表達(dá)式的能力成正比。您正則表達(dá)式越強，呵呵，那您就會越瘋狂的愛上它。
當(dāng)然，我這兒推薦replace()的原因并不因為它能與正則表達(dá)式合作，而在于它還能與函數(shù)進(jìn)行合作，發(fā)揮出強大的功能。
先看看簡單例子：將所有單詞首字母換成大寫。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
由上可知，當(dāng)正則表達(dá)式有"g"標(biāo)志時，代表將處理整個字符串，即函數(shù)change的變換將應(yīng)用于所有匹配的對象。而該函數(shù)有三個或更多參數(shù)，具體個數(shù)視正則表達(dá)式而定。
有了函數(shù)與正則表達(dá)式的配合，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é)
相關(guān)文章
js中如何復(fù)制一個對象并獲取其所有屬性和屬性對應(yīng)的值
如果知道這個對象的所有屬性自然就可以重新new一個，然后對每個屬性賦值，就可以做到，但如果不知道呢？如何創(chuàng)建一個內(nèi)容相同 的對象呢？下面有個不錯的示例，大家可以看看2013-10-10
這篇文章介紹了比較新舊兩個數(shù)組值得增加和刪除的JS代碼，有需要的朋友可以參考一下2013-10-10
這篇文章主要介紹了在前端開發(fā)中判斷用戶登錄狀態(tài)是否過期的方法,包括檢查令牌有效期、定時輪詢服務(wù)器、全局請求攔截器和利用Web存儲中的時間戳,文章還討論了在特定場景下如何實現(xiàn)優(yōu)雅降級,以避免中斷用戶操作,需要的朋友可以參考下2024-11-11
這篇文章主要介紹了JS如何替換文本域內(nèi)的回車,需要的朋友可以參考下2014-02-02
最近用到scrolloTop()想去獲取滾動條距離頂部的距離，結(jié)果只有chrome下面可以正常的獲取scrollTop，ff和ie下這個值都等于0，使得許多效果比如屏幕滾動等等均無法正常實現(xiàn)。究其原因是scrollTop()在各個瀏覽器中的兼容性問題，今天我們就來詳細(xì)探討下。2015-04-04
本文主要介紹了Typescript井字棋的項目實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
分享10個優(yōu)化代碼的CSS和JavaScript工具
如果你想在保持文件的時候或執(zhí) 行的階段lint代碼，那么linting工具也可以如你所愿。這取決于個人的選擇。如果你正在找尋用于CSS和JavaScript最好的 linting工具，那么請繼續(xù)閱讀2016-05-05
基于JavaScript實現(xiàn)簡單抽獎功能代碼實例
這篇文章主要介紹了基于JavaScript實現(xiàn)簡單抽獎功能代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-10-10
僅IE不支持setTimeout/setInterval函數(shù)的第三個以上參數(shù)
setTimeout/setInterval，這兩個函數(shù)相信前端開發(fā)同學(xué)都很熟悉。它們在非IE(6-9)瀏覽器中還可以如下使用2011-05-05
使用TypeScript接口優(yōu)化數(shù)據(jù)結(jié)構(gòu)的示例詳解
在現(xiàn)代軟件開發(fā)中,數(shù)據(jù)結(jié)構(gòu)的設(shè)計至關(guān)重要,它直接影響到程序的性能和可維護(hù)性,TypeScript 作為一種靜態(tài)類型的超集,為 JavaScript 帶來了類型系統(tǒng),本文將探討如何利用 TypeScript 的接口（Interfaces）來優(yōu)化數(shù)據(jù)結(jié)構(gòu),需要的朋友可以參考下2024-09-09