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

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

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

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

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

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

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

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

　　還可以這樣，看看效果！

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

　　我這兒舉的例子都是很簡(jiǎn)單的應(yīng)用，replace()在此點(diǎn)上與您使用正則表達(dá)式的能力成正比。您正則表達(dá)式越強(qiáng)，呵呵，那您就會(huì)越瘋狂的愛上它。
　　當(dāng)然，我這兒推薦replace()的原因并不因?yàn)樗芘c正則表達(dá)式合作，而在于它還能與函數(shù)進(jìn)行合作，發(fā)揮出強(qiáng)大的功能。
　　先看看簡(jiǎn)單例子：將所有單詞首字母換成大寫。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(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)大起來了！
　　最后還舉個(gè)例子，將字符串所有單詞倒序，用replace()處理是如此簡(jiǎn)單。

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

您可能感興趣的文章:

相關(guān)文章

js中如何復(fù)制一個(gè)對(duì)象并獲取其所有屬性和屬性對(duì)應(yīng)的值
如果知道這個(gè)對(duì)象的所有屬性自然就可以重新new一個(gè)，然后對(duì)每個(gè)屬性賦值，就可以做到，但如果不知道呢？如何創(chuàng)建一個(gè)內(nèi)容相同的對(duì)象呢？下面有個(gè)不錯(cuò)的示例，大家可以看看
2013-10-10
比較新舊兩個(gè)數(shù)組值得增加和刪除的JS代碼
這篇文章介紹了比較新舊兩個(gè)數(shù)組值得增加和刪除的JS代碼，有需要的朋友可以參考一下
2013-10-10
前端檢測(cè)用戶登錄狀態(tài)是否過期的幾種方法
這篇文章主要介紹了在前端開發(fā)中判斷用戶登錄狀態(tài)是否過期的方法,包括檢查令牌有效期、定時(shí)輪詢服務(wù)器、全局請(qǐng)求攔截器和利用Web存儲(chǔ)中的時(shí)間戳,文章還討論了在特定場(chǎng)景下如何實(shí)現(xiàn)優(yōu)雅降級(jí),以避免中斷用戶操作,需要的朋友可以參考下
2024-11-11
JS替換文本域內(nèi)的回車示例
這篇文章主要介紹了JS如何替換文本域內(nèi)的回車,需要的朋友可以參考下
2014-02-02
JS中完美兼容各大瀏覽器的scrolltop方法
最近用到scrolloTop()想去獲取滾動(dòng)條距離頂部的距離，結(jié)果只有chrome下面可以正常的獲取scrollTop，ff和ie下這個(gè)值都等于0，使得許多效果比如屏幕滾動(dòng)等等均無法正常實(shí)現(xiàn)。究其原因是scrollTop()在各個(gè)瀏覽器中的兼容性問題，今天我們就來詳細(xì)探討下。
2015-04-04
Typescript井字棋的項(xiàng)目實(shí)現(xiàn)
本文主要介紹了Typescript井字棋的項(xiàng)目實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08
分享10個(gè)優(yōu)化代碼的CSS和JavaScript工具
如果你想在保持文件的時(shí)候或執(zhí) 行的階段lint代碼，那么linting工具也可以如你所愿。這取決于個(gè)人的選擇。如果你正在找尋用于CSS和JavaScript最好的 linting工具，那么請(qǐng)繼續(xù)閱讀
2016-05-05
基于JavaScript實(shí)現(xiàn)簡(jiǎn)單抽獎(jiǎng)功能代碼實(shí)例
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)簡(jiǎn)單抽獎(jiǎng)功能代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-10-10
僅IE不支持setTimeout/setInterval函數(shù)的第三個(gè)以上參數(shù)
setTimeout/setInterval，這兩個(gè)函數(shù)相信前端開發(fā)同學(xué)都很熟悉。它們?cè)诜荌E(6-9)瀏覽器中還可以如下使用
2011-05-05
使用TypeScript接口優(yōu)化數(shù)據(jù)結(jié)構(gòu)的示例詳解
在現(xiàn)代軟件開發(fā)中,數(shù)據(jù)結(jié)構(gòu)的設(shè)計(jì)至關(guān)重要,它直接影響到程序的性能和可維護(hù)性,TypeScript 作為一種靜態(tài)類型的超集,為 JavaScript 帶來了類型系統(tǒng),本文將探討如何利用 TypeScript 的接口（Interfaces）來優(yōu)化數(shù)據(jù)結(jié)構(gòu),需要的朋友可以參考下
2024-09-09