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

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

要实现js字符串替换所有的某个字符，推荐大家使用replaceAll方法，默认不是所有浏览器都兼容，所以这里给出一个解决方案,需要的朋友可以参考下

要实现js字符串替换所有的某个字符，推荐大家使用replaceAll方法，replaceAll是用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串，该函数会替换所有匹配到的子字符串。其它方法实现js字符串替换所有的某个字符，还有RegExp方法和split+join方法。

1、replaceAll方法兼容性不佳

如果你不考虑IE的话基本可以说使用它来处理字符串替换没问题。

2、replaceAll方法

replaceAll()方法返回一个新字符串，新字符串所有满足 pattern 的部分都已被replacement 替换。pattern可以是一个字符串或一个 RegExp， replacement可以是一个字符串或一个在每次匹配被调用的函数，原始字符串保持不变。

实例代码如下：

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);  //测试  你好 你好 测试

到此这篇关于js字符串替换所有的指定字符或文字(推荐replaceAll方法)的文章就介绍到这了,更多相关js ReplaceAll实现内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

js中this用法实例详解
这篇文章主要介绍了js中this用法,实例分析了this指向windows、指向对象及改变this指向的相关技巧,需要的朋友可以参考下
2015-05-05
微博@符号的用户名提示效果。(想@到谁？)
相信你老早就在腾讯或者新浪的微博上体验到了，@符号在微博时代的便捷呼叫。
2010-11-11
uniapp中常用的几种提示弹框
在前端开发中,为了优化用户的交互体验,常需要用到弹窗来进行提示,引导用户操作,下面这篇文章主要给大家介绍了关于uniapp中常用的几种提示弹框的相关资料,需要的朋友可以参考下
2022-09-09
深入浅析search 搜索框的写法
本文以京东搜索框为例给大家浅析search 搜索框的写法，本文介绍的非常不错，需要的朋友可以参考下
2016-08-08
微信小程序实现吸顶效果
这篇文章主要为大家详细介绍了微信小程序实现吸顶效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-01-01
VS Code转换大小写、修改选中文字或代码颜色的方法
最近在使用VS Code，发现了不少使用的小技巧，觉着有必要给大家分享下，下面这篇文章主要给大家介绍了关于VS Code转换大小写、修改选中文字或代码颜色的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-12-12
Ajax跨域实现代码(后台jsp)
这篇文章主要介绍了Ajax跨域实现代码(后台jsp),需要的朋友可以参考下
2017-01-01
Array 重排序方法和操作方法的简单实例
下面小编就为大家简单的介绍Array中reverse(),sort(),concat(),slice(),splice()方法的应用。一起过来看看吧
2014-01-01
详解JavaScript如何利用异步解密回调地狱
为了更好地处理这些异步操作,JavaScript 引入了异步编程的概念,这篇文章主要来和大家详细聊聊JavaScript中异步的相关应用,希望对大家有所帮助
2024-02-02
小程序与内嵌webview的数据交互方案详解
这篇文章主要介绍了小程序与内嵌webview的数据交互方案,为实现H5页面到小程序的无缝切换,技术方案包含使用webview交互,特别是低码C端表单页面的处理,需要的朋友可以参考下
2024-09-09

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具