JavaScript中使用replace結(jié)合正則實(shí)現(xiàn)replaceAll的效果
我們?cè)贘ava中可以使用replaceAll()方法對(duì)字符串進(jìn)行批量替換,但在JS中replaceAll()方法是undefined,JS中只存在replace()方法,因此我們可以自己封裝JS中replaceAll()方法供我們便捷使用。
總結(jié)一下, 四種方式
1. 使用具有全局標(biāo)志g的正則表達(dá)式
var str = "dogdogdog"; var str2 = str.replace(/dog/g,"cat"); console.log(str2);
實(shí)現(xiàn)替換全部匹配字符串,輸出結(jié)果為:catcatcat。
2. 使用另一種具有全局標(biāo)志g的正則表達(dá)式
var str = "dogdogdog";
var str2 = str.replace(new RegExp("dog","gm"),"cat");
console.log(str2);輸出結(jié)果同上例。這里g表示執(zhí)行全局匹配,m表示執(zhí)行多次匹配。
3. 給string對(duì)象添加原型方法replaceAll()
String.prototype.replaceAll = function(s1, s2) {
return this.replace(new RegExp(s1, "gm"), s2);
}這樣就可以像使用replace方法一樣使用replaceAll方法:
var str = "dogdogdog";
var str2 = str.replaceAll("dog", "cat");
console.log(str2);輸出結(jié)果同上例。
4. 使用先split,再join的方法
評(píng)論區(qū)@默默之分享的這個(gè)方法太贊了,拉到正文里以免有人不看評(píng)論,感謝@默默之分享。
var str = "dogdogdog";
var str2 = str.split("dog").join("cat")
console.log(str2);輸出結(jié)果同上例。
下面是其它網(wǎng)友的補(bǔ)充
一、使用replace()方法進(jìn)行替換
定義一個(gè)字符串:
var str = "hello world";
使用replace()方法將字符串中的字母"l"替換成"i",原始做法:
?console.log(str.replace("l","i"));輸出:
“heilo world”
需要執(zhí)行三次,非常不方便;
二、使用replaceAll()方法替換
封裝replaceAll()方法:
String.prototype.replaceAll = function(s1, s2) {
?? ?return this.replace(new RegExp(s1, "gm"), s2);
}定義一個(gè)字符串:
var str = "hello world";
使用replaceAll()方法進(jìn)行批量替換:
console.log(str.replaceAll("l", "i"));輸出:
“heiio worid”
只需要執(zhí)行一次,就完成了全部替換需求。
replace方法:
string.replace(new RegExp(oldString,"gm"),newString))
gm 分別代表:
g=global, m=multiLine
大致上方法就是這樣的,可以實(shí)現(xiàn)替換全部指定字串
另一個(gè)簡(jiǎn)單的驗(yàn)證JS的方法:
在瀏覽器地址欄輸入
javascript:alert("abcabcabc".replace(new RegExp("a","gm"),"ad"))
這樣比較省事 ;),不知道多行的會(huì)不會(huì)很方便
- javascript中使用replaceAll()函數(shù)實(shí)現(xiàn)字符替換的方法
- Javascript中正則表達(dá)式的全局匹配模式分析
- Javascript中使用exec進(jìn)行正則表達(dá)式全局匹配時(shí)的注意事項(xiàng)
- JavaScript實(shí)現(xiàn)的字符串replaceAll函數(shù)代碼分享
- javascript實(shí)現(xiàn)全局匹配并替換的方法
- java中replaceAll替換圓括號(hào)實(shí)例代碼
- Java中replace與replaceAll的區(qū)別與測(cè)試
- java字符串的替換replace、replaceAll、replaceFirst的區(qū)別說明
- Java replaceAll()方法報(bào)錯(cuò)Illegal group reference的解決辦法
- String.replaceAll方法詳析(正則妙用)
- 淺談Java中replace與replaceAll區(qū)別
- Java中replace、replaceAll和replaceFirst函數(shù)的用法小結(jié)
- 淺談java中replace()和replaceAll()的區(qū)別
- jQuery中replaceAll()方法用法實(shí)例
- js使用正則實(shí)現(xiàn)ReplaceAll全部替換的方法
- js字符串替換所有的指定字符或文字(推薦replaceAll方法)
- JS中實(shí)現(xiàn)replaceAll的方法(實(shí)例代碼)
- js replace 與replaceall實(shí)例用法詳解
- Flex 字符串ReplaceAll使用說明
相關(guān)文章
小程序跳轉(zhuǎn)到的H5頁(yè)面再跳轉(zhuǎn)回跳小程序的方法
這篇文章主要介紹了小程序跳轉(zhuǎn)到的H5頁(yè)面再跳轉(zhuǎn)回跳小程序的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
FF火狐下獲取一個(gè)元素同類型的相鄰元素實(shí)現(xiàn)代碼
FF火狐下獲取一個(gè)元素同類型的相鄰元素實(shí)現(xiàn)代碼 ,需要的朋友可以了解下2012-12-12
基于BootStrap multiselect.js實(shí)現(xiàn)的下拉框聯(lián)動(dòng)效果
當(dāng)option特別多時(shí),一般的下拉框選擇起來就有點(diǎn)力不從心了,所以使用multiselect是個(gè)很好的選擇。在網(wǎng)上找了半天找到了解決方案,具體實(shí)現(xiàn)代碼大家參考下本文吧2017-07-07
為非IE瀏覽器添加mouseenter,mouseleave事件的實(shí)現(xiàn)代碼
為非IE瀏覽器添加mouseenter,mouseleave事件的實(shí)現(xiàn)代碼,學(xué)習(xí)js的朋友可以參考下。2011-06-06
JS實(shí)現(xiàn)根據(jù)文件字節(jié)數(shù)返回文件大小的方法
這篇文章主要介紹了JS實(shí)現(xiàn)根據(jù)文件字節(jié)數(shù)返回文件大小的方法,涉及javascript數(shù)值計(jì)算與字符串操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
Radio 單選JS動(dòng)態(tài)添加的選項(xiàng)onchange事件無效的解決方法
radio 單選JS動(dòng)態(tài)添加的選項(xiàng),onchange事件無效。使用delegate()函數(shù)可以解決該問題,具體解決方案大家通過本文詳細(xì)了解下2016-12-12
js與jquery獲取父級(jí)元素,子級(jí)元素,兄弟元素的實(shí)現(xiàn)方法
本篇文章主要是對(duì)js與jquery獲取父級(jí)元素,子級(jí)元素,兄弟元素的實(shí)現(xiàn)方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-01-01
js有趣的非空判斷函數(shù) + ?? 實(shí)現(xiàn)
本文介紹了JS中空值合并操作符??的用法,包括如何使用它來判斷數(shù)據(jù)是否為“合法數(shù)據(jù)”,即非空字符串、非undefined和非null,下面就一起來了解一下,感興趣的可以了解一下2024-09-09

