js字符串替換所有的指定字符或文字(推薦replaceAll方法)
要實(shí)現(xiàn)js字符串替換所有的某個(gè)字符，推薦大家使用replaceAll方法，replaceAll是用于在字符串中用一些字符替換另一些字符，或替換一個(gè)與正則表達(dá)式匹配的子串，該函數(shù)會(huì)替換所有匹配到的子字符串。其它方法實(shí)現(xiàn)js字符串替換所有的某個(gè)字符，還有RegExp方法和split+join方法。
1、replaceAll方法兼容性不佳
如果你不考慮IE的話基本可以說(shuō)使用它來(lái)處理字符串替換沒(méi)問(wèn)題。
2、replaceAll方法
replaceAll()方法返回一個(gè)新字符串，新字符串所有滿足 pattern 的部分都已被replacement 替換。pattern可以是一個(gè)字符串或一個(gè) RegExp， replacement可以是一個(gè)字符串或一個(gè)在每次匹配被調(diào)用的函數(shù)，原始字符串保持不變。
實(shí)例代碼如下：
let result = "測(cè)試 新浪潮 新浪潮 測(cè)試".replaceAll("新浪潮", "你好");
console.log(result); //測(cè)試 你好 你好 測(cè)試3、RegExp方法
function replaceAll(str, find, replace) {
return str.replace(new RegExp(find, 'g'), replace);
}
let result = replaceAll("測(cè)試 新浪潮 新浪潮 測(cè)試","新浪潮", "你好");
console.log(result); //測(cè)試 你好 你好 測(cè)試4、split+join方法，性能差
function replaceAll(str, find, replace) {
return str.split(find).join(replace);
}
let result = replaceAll("測(cè)試 新浪潮 新浪潮 測(cè)試", "新浪潮", "你好");
console.log(result); //測(cè)試 你好 你好 測(cè)試到此這篇關(guān)于js字符串替換所有的指定字符或文字(推薦replaceAll方法)的文章就介紹到這了,更多相關(guān)js ReplaceAll實(shí)現(xiàn)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- javascript中使用replaceAll()函數(shù)實(shí)現(xiàn)字符替換的方法
- Javascript中正則表達(dá)式的全局匹配模式分析
- Javascript中使用exec進(jìn)行正則表達(dá)式全局匹配時(shí)的注意事項(xiàng)
- JavaScript實(shí)現(xiàn)的字符串replaceAll函數(shù)代碼分享
- javascript實(shí)現(xiàn)全局匹配并替換的方法
- java中replaceAll替換圓括號(hào)實(shí)例代碼
- Java中replace與replaceAll的區(qū)別與測(cè)試
- java字符串的替換replace、replaceAll、replaceFirst的區(qū)別說(shuō)明
- Java replaceAll()方法報(bào)錯(cuò)Illegal group reference的解決辦法
- String.replaceAll方法詳析(正則妙用)
- 淺談Java中replace與replaceAll區(qū)別
- Java中replace、replaceAll和replaceFirst函數(shù)的用法小結(jié)
- 淺談java中replace()和replaceAll()的區(qū)別
- jQuery中replaceAll()方法用法實(shí)例
- js使用正則實(shí)現(xiàn)ReplaceAll全部替換的方法
- JS中實(shí)現(xiàn)replaceAll的方法(實(shí)例代碼)
- js replace 與replaceall實(shí)例用法詳解
- Flex 字符串ReplaceAll使用說(shuō)明
- JavaScript中使用replace結(jié)合正則實(shí)現(xiàn)replaceAll的效果
相關(guān)文章
JavaScript實(shí)現(xiàn)Tab選項(xiàng)卡切換
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)Tab選項(xiàng)卡切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了基于JS判斷iframe是否加載成功的方法【多種瀏覽器】的相關(guān)資料,需要的朋友可以參考下2016-05-05
webpack拆分壓縮css并以link導(dǎo)入的操作步驟
我們運(yùn)行打包后會(huì)發(fā)現(xiàn)less轉(zhuǎn)為了css文件，但css文件確通過(guò)js加入style標(biāo)簽，下面我們將css進(jìn)行拆分出來(lái)，并以link標(biāo)簽引入，具體實(shí)現(xiàn)步驟一起看看吧2021-10-10
這篇文章主要介紹了利用JavaScript的Map提升性能的方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細(xì)介紹了使用Javascript簡(jiǎn)單計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要為大家詳細(xì)介紹了canvas實(shí)現(xiàn)圖像截取功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
webpack的tree shaking的實(shí)現(xiàn)方法
分別用marquee和div+js實(shí)現(xiàn)首尾相連循環(huán)滾動(dòng)效果，僅3行代碼
