JavaScript 替換所有匹配內(nèi)容及正則替換方法
更新時間：2020年02月12日 10:01:19 作者：honzen
這篇文章主要介紹了JavaScript 替換所有匹配內(nèi)容，文中給大家提到了使用正則表達(dá)式替換方法，通過實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
由于JavaScript 的 replace 只能替換一次，因此另外編寫一個能現(xiàn)替換全部匹配內(nèi)容方法，代碼如下:
/*
把 content 中所有的 searchValue 替換為 replaceValue
*/
function replaceAll(content,searchValue,replaceValue){
while (content.indexOf(searchValue)>-1) {
content = content.replace(searchValue,replaceValue);
}
return content;
}
為什么不使用正側(cè)表達(dá)式來替換？
因為實際操作中發(fā)現(xiàn) searchValue 的內(nèi)容太大的時候使用正側(cè)表達(dá)式替換會出錯
我的場景是把 html 頁面 img 中的base64 xxx1，base64 xxx2 圖片內(nèi)容替換為 [image1][image2] 這樣的占位符時，如果使用正則表達(dá)式就出錯
附上一般情況下使用正則表達(dá)式的替換方法
content.replace(new RegExp(searchValue,'g'),replaceValue)
總結(jié)
以上所述是小編給大家介紹的JavaScript 替換所有匹配內(nèi)容及正則替換方法，希望對大家有所幫助！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了純js和css完成貪吃蛇小游戲，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
超全面的JavaScript開發(fā)規(guī)范（推薦）
作為一名開發(fā)人員（WEB前端JavaScript開發(fā)），不規(guī)范的開發(fā)不僅使日后代碼維護(hù)變的困難，同時也不利于團(tuán)隊的合作，通常還會帶來代碼安全以及執(zhí)行效率上的問題。本文就主要介紹了關(guān)于Javascript的命名規(guī)范、注釋規(guī)范以及框架開發(fā)的一些問題，需要的朋友可以參考學(xué)習(xí)。2017-01-01
這篇文章主要介紹了javascript 解決瀏覽器不支持的問題的相關(guān)資料,需要的朋友可以參考下2016-09-09
picChange圖片切換特效的封裝函數(shù)，能夠根據(jù)圖片html代碼自動生成右下角的數(shù)字導(dǎo)航按鈕。2010-05-05
本文主要介紹了js遞歸和定時器的相關(guān)知識。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了JS閉包用法,結(jié)合具體實例形式分析了javascript閉包的原理、執(zhí)行步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
詳解JavaScript什么情況下不建議使用箭頭函數(shù)
箭頭函數(shù)作為ES6新增的語法，在使用時不僅能使得代碼更加簡潔，而且在某些場景避免this指向問題。但是箭頭函數(shù)不是萬能的，也有自己的缺點以及不適用的場景，本文總結(jié)了JavaScript什么情況下不建議使用箭頭函數(shù)，感興趣的可以了解一下2022-06-06
JS控制非法字符的輸入實現(xiàn)代碼，需要的朋友可以參考下。2009-12-12
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡單圖片切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
js 多種變量定義(對象直接量，數(shù)組直接量和函數(shù)直接量)
js 多種變量定義(對象直接量，數(shù)組直接量和函數(shù)直接量),大家可以參考下，對于以后學(xué)習(xí)js 面向?qū)τ谂cjson操作會有幫助。2010-05-05