淺談javascript中replace()方法
定義和用法
replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個(gè)與正則表達(dá)式匹配的子串。
語(yǔ)法
stringObject.replace(regexp/substr,replacement)
返回值
一個(gè)新的字符串,是用 replacement 替換了 regexp 的第一次匹配或所有匹配之后得到的。
說(shuō)明
字符串 stringObject 的 replace() 方法執(zhí)行的是查找并替換的操作。它將在 stringObject 中查找與 regexp 相匹配的子字符串,然后用 replacement 來(lái)替換這些子串。如果 regexp 具有全局標(biāo)志 g,那么 replace() 方法將替換所有匹配的子串。否則,它只替換第一個(gè)匹配子串。
replacement 可以是字符串,也可以是函數(shù)。如果它是字符串,那么每個(gè)匹配都將由字符串替換。但是 replacement 中的 $ 字符具有特定的含義。如下表所示,它說(shuō)明從模式匹配得到的字符串將用于替換。
注意:ECMAScript v3 規(guī)定,replace() 方法的參數(shù) replacement 可以是函數(shù)而不是字符串。在這種情況下,每個(gè)匹配都調(diào)用該函數(shù),它返回的字符串將作為替換文本使用。該函數(shù)的第一個(gè)參數(shù)是匹配模式的字符串。接下來(lái)的參數(shù)是與模式中的子表達(dá)式匹配的字符串,可以有 0 個(gè)或多個(gè)這樣的參數(shù)。接下來(lái)的參數(shù)是一個(gè)整數(shù),聲明了匹配在 stringObject 中出現(xiàn)的位置。最后一個(gè)參數(shù)是 stringObject 本身。
實(shí)例
例子 1
在本例中,我們將使用 "W3School" 替換字符串中的 "Microsoft":
<script type="text/javascript"> var str="Visit Microsoft!" document.write(str.replace(/Microsoft/, "jb51")) </script>
輸出:Visit jb51!
例子 2
在本例中,我們將執(zhí)行一次全局替換,每當(dāng) "Microsoft" 被找到,它就被替換為 "W3School":
<script type="text/javascript"> var str="Welcome to Microsoft! " str=str + "We are proud to announce that Microsoft has " str=str + "one of the largest Web Developers sites in the world." document.write(str.replace(/Microsoft/g, "jb51")) </script>
輸出:
Welcome to jb51! We are proud to announce that jb1
has one of the largest Web Developers sites in the world.
例子 3
您可以使用本例提供的代碼來(lái)確保匹配字符串大寫(xiě)字符的正確:
text = "javascript Tutorial"; text.replace(/javascript/i, "JavaScript");
輸出:javascript Tutorial
例子 4
在本例中,我們將把 "Doe, John" 轉(zhuǎn)換為 "John Doe" 的形式:
name = "Doe, John"; name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");
輸出:John Doe
例子 5
在本例中,我們將把所有的花引號(hào)替換為直引號(hào):
name = '"a", "b"'; name.replace(/"([^"]*)"/g, "'$1'");
輸出:'a', 'b'
例子 6
在本例中,我們將把字符串中所有單詞的首字母都轉(zhuǎn)換為大寫(xiě):
name = 'aaa bbb ccc'; uw=name.replace(/\b\w+\b/g, function(word){ return word.substring(0,1).toUpperCase()+word.substring(1);} );
輸出:Aaa Bbb Ccc
通過(guò)本文簡(jiǎn)單的學(xué)習(xí),大家應(yīng)該大概知道javascript中replace()方法,結(jié)合實(shí)例練習(xí),希望對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)的tab切換并顯示相應(yīng)內(nèi)容模塊功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的tab切換并顯示相應(yīng)內(nèi)容模塊功能,結(jié)合實(shí)例形式分析了JavaScript基于事件響應(yīng)、元素遍歷實(shí)現(xiàn)頁(yè)面tab切換功能相關(guān)操作技巧,需要的朋友可以參考下2019-08-08JavaScript 閉包機(jī)制詳解及實(shí)例代碼
這篇文章主要介紹了JavaScript 閉包機(jī)制詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10深入理解JavaScript系列(6) 強(qiáng)大的原型和原型鏈
JavaScript 不包含傳統(tǒng)的類(lèi)繼承模型,而是使用 prototypal 原型模型2012-01-01javascript的慣性運(yùn)動(dòng)實(shí)現(xiàn)代碼實(shí)例
這篇文章主要介紹了javascript的慣性運(yùn)動(dòng)實(shí)現(xiàn)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09