js使用正則實現(xiàn)ReplaceAll全部替換的方法
JS 字符串有replace() 方法。但這個方法只會對匹配到的第一個字串替換。
replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達式匹配的子串。
語法：
stringObject.replace(regexp/substr,replacement)
第一個參數(shù)為一個字符串或者一個正則表達式，第二個參數(shù)為一個字符串或者一個用于生成字符串的函數(shù)。注意重點：
如果 regexp 具有全局標志 g，那么 replace() 方法將替換所有匹配的子串。否則，它只替換第一個匹配子串。
實例：
var str = "dogdogdog";
var str2 = str.replace("dog","cat");
console.log(str2);這里僅替換第一個dog字符串，輸出為catdogdog。
如下例：
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<script>
var str = "wordwordwordword";
var strNew = str.replace("word","Excel");
alert(strNew);
</script>
</BODY>
</HTML>如果要全部替換的話，JS 沒有提供replaceAll這樣的方法。使用正則表可以達成Replace 的效果：
str.replace(/word/g,"Excel")
g 的意義是：執(zhí)行全局匹配（查找所有匹配而非在找到第一個匹配后停止）。
<HEAD>
<TITLE> New Document </TITLE>
<script>
function replaceAll(str)
{
if(str!=null)
str = str.replace(/word/g,"Excel")
return str;
}
</script>
</HEAD>
<BODY>
<script>
var str = "wordwordwordword";
var strNew = str.replace("word","Excel");
strNew = replaceAll(str);
alert(strNew);
</script>
</BODY>
</HTML>以上寫法有個類同的寫法：
str.replace(new RegExp("word","gm"),"Excel")g 執(zhí)行全局匹配（查找所有匹配而非在找到第一個匹配后停止）。
m 執(zhí)行多行匹配。
除此之外，也可以添加 Stirng對象的原型方法:
String.prototype.replaceAll = function(s1,s2){
return this.replace(new RegExp(s1,"gm"),s2);
}這樣就可以像使用replace 方法一樣使用replaceAll了
str.replaceAll("word","Excel");總結(jié)一下， 四種方式
1. 使用具有全局標志g的正則表達式
var str = "dogdogdog"; var str2 = str.replace(/dog/g,"cat"); console.log(str2);
實現(xiàn)替換全部匹配字符串，輸出結(jié)果為：catcatcat。
2. 使用另一種具有全局標志g的正則表達式
var str = "dogdogdog";
var str2 = str.replace(new RegExp("dog","gm"),"cat");
console.log(str2);輸出結(jié)果同上例。這里g表示執(zhí)行全局匹配，m表示執(zhí)行多次匹配。
3. 給string對象添加原型方法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的方法
評論區(qū)@默默之分享的這個方法太贊了，拉到正文里以免有人不看評論，感謝@默默之分享。
var str = "dogdogdog";
var str2 = str.split("dog").join("cat")
console.log(str2);輸出結(jié)果同上例。
PS：關(guān)于正則，本站還提供了2款非常簡便實用的正則表達式工具供大家使用：
JavaScript正則表達式在線測試工具：http://tools.jb51.net/regex/javascript
正則表達式在線生成工具：http://tools.jb51.net/regex/create_reg
到此這篇關(guān)于js使用正則實現(xiàn)ReplaceAll全部替換的方法的文章就介紹到這了,更多相關(guān)js ReplaceAll內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- javascript中使用replaceAll()函數(shù)實現(xiàn)字符替換的方法
- Javascript中正則表達式的全局匹配模式分析
- Javascript中使用exec進行正則表達式全局匹配時的注意事項
- JavaScript實現(xiàn)的字符串replaceAll函數(shù)代碼分享
- 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字符串替換所有的指定字符或文字(推薦replaceAll方法)
- JS中實現(xiàn)replaceAll的方法(實例代碼)
- js replace 與replaceall實例用法詳解
- Flex 字符串ReplaceAll使用說明
- JavaScript中使用replace結(jié)合正則實現(xiàn)replaceAll的效果
相關(guān)文章
bootstrap table實現(xiàn)合并單元格效果
這篇文章主要為大家詳細介紹了bootstrap table實現(xiàn)合并單元格效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了JavaScript框架(iframe)操作,介紹了種情況下的操作方法,需要的朋友可以參考下2014-04-04
禁止頁面刷新讓F5快捷鍵及右鍵都無效，下面有個不不錯的實現(xiàn)方法，大家可以感受下2014-01-01
關(guān)于JS中setTimeout()無法調(diào)用帶參函數(shù)問題的解決方法
這篇文章主要介紹了關(guān)于JS中setTimeout()無法調(diào)用帶參函數(shù)問題的解決方法,提供了2種解決方法供大家對比參考,需要的朋友可以參考下2016-06-06
js金額數(shù)字格式化實現(xiàn)代碼(加減逗號處理)
這篇文章主要介紹了js中將數(shù)字格式化為金額的方法，使用加減逗號處理金額，一個格式化金額的代碼，有需要的朋友參考下2014-04-04
這篇文章主要介紹了JavaScript錯誤處理機制的相關(guān)資料，文中講解非常細致，幫助大家更好的理解和學(xué)習JavaScript，感興趣的朋友可以了解下2020-08-08
微信小程序?qū)崿F(xiàn)頁面下拉刷新和上拉加載功能詳解
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁面下拉刷新和上拉加載功能,結(jié)合實例形式分析了微信小程序頁面下拉刷新和上拉加載相關(guān)事件監(jiān)聽與功能實現(xiàn)操作技巧,需要的朋友可以參考下2018-12-12
模塊化簡單來說就是將一個完整的長篇代碼文件根據(jù)功能進行劃分成幾個文件，這些文件各自負責一個獨立的功能，各個文件組合起來實現(xiàn)一個完整的大功能，這就是模塊化，每個負責獨立功能的文件就是模塊。2021-05-05
這篇文章主要為大家詳細介紹了基于bootstrap按鈕式下拉菜單組件的搜索建議插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了javascript中拼接HTML字符串的最快、最好的方法，本文共計介紹了3種方法,并對3個各自做了瀏覽器速度測試,需要的朋友可以參考下2014-06-06