JavaScript實現(xiàn)的字符串replaceAll函數(shù)代碼分享

更新時間：2023年06月14日 01:24:46 投稿：junjie

這篇文章主要介紹了JavaScript實現(xiàn)的字符串replaceAll函數(shù)代碼分享,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下

我們在Java中可以使用replaceAll()方法對字符串進行批量替換，但在JS中replaceAll()方法是undefined，JS中只存在replace()方法，因此我們可以自己封裝JS中replaceAll()方法供我們便捷使用。

一、使用replace()方法進行替換

定義一個字符串：

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()方法進行批量替換：

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)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

如何消除inline-block屬性帶來的標簽間間隙
這篇文章主要介紹了如何消除inline-block屬性帶來的標簽間間隙的相關(guān)資料,需要的朋友可以參考下
2016-03-03
JavaScript中使用參數(shù)個數(shù)實現(xiàn)重載功能
這篇文章主要介紹了JavaScript中使用參數(shù)個數(shù)實現(xiàn)重載功能,需要的朋友可以參考下
2017-09-09
JavaScript根據(jù)json生成html表格的示例代碼
這篇文章主要介紹了JavaScript根據(jù)json生成html表格的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-10-10
bootstrap table 數(shù)據(jù)表格行內(nèi)修改的實現(xiàn)代碼
這篇文章主要介紹了bootstrap table 數(shù)據(jù)表格行內(nèi)修改的實現(xiàn)代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-02-02
JS前端使用Blob和File讀取文件的操作代碼
JavaScript?無法處理二進制數(shù)據(jù)。如果一定要處理的話，只能使用?charCodeAt()?方法，一個個字節(jié)地從文字編碼轉(zhuǎn)成二進制數(shù)據(jù)，還有一種辦法是將二進制數(shù)據(jù)轉(zhuǎn)成?Base64?編碼，再進行處理，這篇文章主要介紹了JS前端使用Blob和File讀取文件,需要的朋友可以參考下
2022-11-11
js鎖屏解屏通過對$.ajax進行封裝實現(xiàn)
js鎖屏解屏是通過對$.ajax進行封裝實現(xiàn)的,需要的朋友可以參考下
2014-07-07
js基于canvas實現(xiàn)時鐘組件
這篇文章主要介紹了js基于canvas實現(xiàn)時鐘組件的方法，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下
2021-02-02
JS實現(xiàn)的類似微信聊天效果示例
這篇文章主要介紹了JS實現(xiàn)的類似微信聊天效果,可實現(xiàn)模擬微信聊天效果的對話框信息傳輸,涉及javascript事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2019-01-01
js對url進行編碼解碼的三種方式總結(jié)
為一個字符串進行URL編碼很容易,只需要調(diào)用encodeURI,傳入要編碼的字符串即可,而且實現(xiàn)的方法不止這一個,下面這篇文章主要給大家介紹了關(guān)于js對url進行編碼解碼的三種方式,需要的朋友可以參考下
2023-02-02
JavaScript實現(xiàn)動態(tài)高度過渡的3種方式總結(jié)
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)動態(tài)高度過渡的3種方式,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-01-01