JavaScript 替換所有匹配內容及正則替換方法
更新時間：2020年02月12日 10:01:19 作者：honzen
這篇文章主要介紹了JavaScript 替換所有匹配內容，文中給大家提到了使用正則表達式替換方法，通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
由于JavaScript 的 replace 只能替換一次，因此另外編寫一個能現(xiàn)替換全部匹配內容方法，代碼如下:
/*
把 content 中所有的 searchValue 替換為 replaceValue
*/
function replaceAll(content,searchValue,replaceValue){
while (content.indexOf(searchValue)>-1) {
content = content.replace(searchValue,replaceValue);
}
return content;
}
為什么不使用正側表達式來替換？
因為實際操作中發(fā)現(xiàn) searchValue 的內容太大的時候使用正側表達式替換會出錯
我的場景是把 html 頁面 img 中的base64 xxx1，base64 xxx2 圖片內容替換為 [image1][image2] 這樣的占位符時，如果使用正則表達式就出錯
附上一般情況下使用正則表達式的替換方法
content.replace(new RegExp(searchValue,'g'),replaceValue)
總結
以上所述是小編給大家介紹的JavaScript 替換所有匹配內容及正則替換方法，希望對大家有所幫助！
相關文章
移到這里，就會自動點擊...2006-08-08
這篇文章主要介紹了JS按回車鍵實現(xiàn)登錄的方法,在web程序設計中非常實用的技巧,可用于表單提交的情況,具有很好的用戶體驗,需要的朋友可以參考下2014-08-08
Javascript實現(xiàn)禁止輸入中文或英文的例子
這篇文章主要介紹了Javascript實現(xiàn)禁止輸入中文或英文的方法實例,本文方法都是使用正則表達式實現(xiàn),需要的朋友可以參考下2014-12-12
Bootstrap多級導航欄(級聯(lián)導航)的實現(xiàn)代碼
這篇文章主要介紹了Bootstrap多級導航欄的實現(xiàn)代碼的相關資料,需要的朋友可以參考下2016-03-03
JavaScript數(shù)據(jù)結構之鏈表的實現(xiàn)
鏈表是一種常見的數(shù)據(jù)結構。它是動態(tài)地進行存儲分配的一種結構。本文主要介紹JavaScript數(shù)據(jù)結構中鏈表的實現(xiàn)，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了JS字符串的切分的方法,結合實例形式分析了JavaScript使用split針對字符串進行切分與遍歷的相關技巧,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了JS實現(xiàn)的base64加密解密,以完整實例形式分析了JavaScript基于base64編碼實現(xiàn)加密與解密的具體步驟與相關技巧,并附帶了相關的加密解密在線工具地址供大家參考,需要的朋友可以參考下2016-04-04
本文主要介紹了DOM事件的相關知識。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細介紹了在JavaScript中如何設置私有屬性,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以參考下2024-03-03
這篇文章主要介紹了JS iFrame加載慢的解決方法，非常實用，感興趣的朋友一起學習吧2016-05-05