JavaScript實現(xiàn)的字符串replaceAll函數(shù)代碼分享
我們在Java中可以使用replaceAll()方法對字符串進(jìn)行批量替換,但在JS中replaceAll()方法是undefined,JS中只存在replace()方法,因此我們可以自己封裝JS中replaceAll()方法供我們便捷使用。
一、使用replace()方法進(jìn)行替換
定義一個字符串:
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); }
定義一個字符串:
var str = "hello world";
使用replaceAll()方法進(jìn)行批量替換:
console.log(str.replaceAll("l", "i"));
輸出:
“heiio worid”
只需要執(zhí)行一次,就完成了全部替換需求。
由于javascript中的replace函數(shù)無法替換全部匹配的字符串,所以需要為String類增加一個方法,代碼如下:
String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) {?? ??? if (!RegExp.prototype.isPrototypeOf(reallyDo)) {?? ??????? return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith);?? ???? } else {?? ??????? return this.replace(reallyDo, replaceWith);?? ???? }?? }
到此這篇關(guān)于JavaScript實現(xiàn)的字符串replaceAll函數(shù)代碼分享的文章就介紹到這了,更多相關(guān)JavaScript replaceAll函數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- javascript中使用replaceAll()函數(shù)實現(xiàn)字符替換的方法
- Javascript中正則表達(dá)式的全局匹配模式分析
- Javascript中使用exec進(jìn)行正則表達(dá)式全局匹配時的注意事項
- javascript實現(xiàn)全局匹配并替換的方法
- java中replaceAll替換圓括號實例代碼
- Java中replace與replaceAll的區(qū)別與測試
- java字符串的替換replace、replaceAll、replaceFirst的區(qū)別說明
- Java replaceAll()方法報錯Illegal group reference的解決辦法
- String.replaceAll方法詳析(正則妙用)
- 淺談Java中replace與replaceAll區(qū)別
- Java中replace、replaceAll和replaceFirst函數(shù)的用法小結(jié)
- 淺談java中replace()和replaceAll()的區(qū)別
- jQuery中replaceAll()方法用法實例
- js使用正則實現(xiàn)ReplaceAll全部替換的方法
- js字符串替換所有的指定字符或文字(推薦replaceAll方法)
- JS中實現(xiàn)replaceAll的方法(實例代碼)
- js replace 與replaceall實例用法詳解
- Flex 字符串ReplaceAll使用說明
- JavaScript中使用replace結(jié)合正則實現(xiàn)replaceAll的效果
相關(guān)文章
用javascript實現(xiàn)計算兩個日期的間隔天數(shù)
用javascript實現(xiàn)計算兩個日期的間隔天數(shù)...2007-08-08JavaScript涉及二進(jìn)制的轉(zhuǎn)換方式
這篇文章主要介紹了JavaScript涉及二進(jìn)制的轉(zhuǎn)換方式,具有很好的 參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06基于Bootstrap+jQuery.validate實現(xiàn)表單驗證
這篇文章主要為大家詳細(xì)介紹了基于Bootstrap+jQuery.validate實現(xiàn)表單驗證,感興趣的小伙伴們可以參考一下2016-05-05淺談JavaScript中定義變量時有無var聲明的區(qū)別
這篇文章主要介紹了JavaScript中定義變量時有無var聲明的區(qū)別分析以及示例分享,需要的朋友可以參考下2014-08-08JS組件系列之MVVM組件 vue 30分鐘搞定前端增刪改查
這篇文章主要介紹了JS組件系列之MVVM組件 vue 30分鐘搞定前端增刪改查,需要的朋友可以參考下2017-04-04如何在JavaScript中使用map()迭代數(shù)組詳細(xì)步驟
在JavaScript中循環(huán)迭代數(shù)組的方法有很多種,下面這篇文章主要給大家介紹了關(guān)于如何在JavaScript中使用map()迭代數(shù)組的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02