快捷導(dǎo)航

js字符串替換所有的指定字符或文字(推薦replaceAll方法)

更新時間：2023年07月30日 23:46:25 投稿：whsnow

要實(shí)現(xiàn)js字符串替換所有的某個字符，推薦大家使用replaceAll方法，默認(rèn)不是所有瀏覽器都兼容，所以這里給出一個解決方案,需要的朋友可以參考下

要實(shí)現(xiàn)js字符串替換所有的某個字符，推薦大家使用replaceAll方法，replaceAll是用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達(dá)式匹配的子串，該函數(shù)會替換所有匹配到的子字符串。其它方法實(shí)現(xiàn)js字符串替換所有的某個字符，還有RegExp方法和split+join方法。

1、replaceAll方法兼容性不佳

如果你不考慮IE的話基本可以說使用它來處理字符串替換沒問題。

2、replaceAll方法

replaceAll()方法返回一個新字符串，新字符串所有滿足 pattern 的部分都已被replacement 替換。pattern可以是一個字符串或一個 RegExp， replacement可以是一個字符串或一個在每次匹配被調(diào)用的函數(shù)，原始字符串保持不變。

實(shí)例代碼如下：

let result = "測試 新浪潮 新浪潮 測試".replaceAll("新浪潮", "你好");
console.log(result); //測試  你好 你好 測試

3、RegExp方法

function replaceAll(str, find, replace) {
  return str.replace(new RegExp(find, 'g'), replace);
}
let result = replaceAll("測試 新浪潮 新浪潮 測試","新浪潮", "你好");
console.log(result); //測試  你好 你好 測試

4、split+join方法，性能差

function replaceAll(str, find, replace) {
  return str.split(find).join(replace);
}
let result = replaceAll("測試 新浪潮 新浪潮 測試", "新浪潮", "你好");
console.log(result);  //測試  你好 你好 測試

到此這篇關(guān)于js字符串替換所有的指定字符或文字(推薦replaceAll方法)的文章就介紹到這了,更多相關(guān)js ReplaceAll實(shí)現(xiàn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

js中this用法實(shí)例詳解
這篇文章主要介紹了js中this用法,實(shí)例分析了this指向windows、指向?qū)ο蠹案淖僼his指向的相關(guān)技巧,需要的朋友可以參考下
2015-05-05
微博@符號的用戶名提示效果。(想@到誰？)
相信你老早就在騰訊或者新浪的微博上體驗(yàn)到了，@符號在微博時代的便捷呼叫。
2010-11-11
uniapp中常用的幾種提示彈框
在前端開發(fā)中,為了優(yōu)化用戶的交互體驗(yàn),常需要用到彈窗來進(jìn)行提示,引導(dǎo)用戶操作,下面這篇文章主要給大家介紹了關(guān)于uniapp中常用的幾種提示彈框的相關(guān)資料,需要的朋友可以參考下
2022-09-09
深入淺析search 搜索框的寫法
本文以京東搜索框?yàn)槔o大家淺析search 搜索框的寫法，本文介紹的非常不錯，需要的朋友可以參考下
2016-08-08
微信小程序?qū)崿F(xiàn)吸頂效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)吸頂效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-01-01
VS Code轉(zhuǎn)換大小寫、修改選中文字或代碼顏色的方法
最近在使用VS Code，發(fā)現(xiàn)了不少使用的小技巧，覺著有必要給大家分享下，下面這篇文章主要給大家介紹了關(guān)于VS Code轉(zhuǎn)換大小寫、修改選中文字或代碼顏色的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-12-12
Ajax跨域?qū)崿F(xiàn)代碼(后臺jsp)
這篇文章主要介紹了Ajax跨域?qū)崿F(xiàn)代碼(后臺jsp),需要的朋友可以參考下
2017-01-01
Array 重排序方法和操作方法的簡單實(shí)例
下面小編就為大家簡單的介紹Array中reverse(),sort(),concat(),slice(),splice()方法的應(yīng)用。一起過來看看吧
2014-01-01
詳解JavaScript如何利用異步解密回調(diào)地獄
為了更好地處理這些異步操作,JavaScript?引入了異步編程的概念,這篇文章主要來和大家詳細(xì)聊聊JavaScript中異步的相關(guān)應(yīng)用,希望對大家有所幫助
2024-02-02
小程序與內(nèi)嵌webview的數(shù)據(jù)交互方案詳解
這篇文章主要介紹了小程序與內(nèi)嵌webview的數(shù)據(jù)交互方案,為實(shí)現(xiàn)H5頁面到小程序的無縫切換,技術(shù)方案包含使用webview交互,特別是低碼C端表單頁面的處理,需要的朋友可以參考下
2024-09-09