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实现内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

JavaScript实现Tab选项卡切换
这篇文章主要为大家详细介绍了JavaScript实现Tab选项卡切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-02-02
基于JS判断iframe是否加载成功的方法(多种浏览器）
这篇文章主要介绍了基于JS判断iframe是否加载成功的方法【多种浏览器】的相关资料,需要的朋友可以参考下
2016-05-05
webpack拆分压缩css并以link导入的操作步骤
我们运行打包后会发现less转为了css文件，但css文件确通过js加入style标签，下面我们将css进行拆分出来，并以link标签引入，具体实现步骤一起看看吧
2021-10-10
利用JavaScript的Map提升性能的方法详解
这篇文章主要介绍了利用JavaScript的Map提升性能的方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-08-08
使用Javascript简单计算器
这篇文章主要为大家详细介绍了使用Javascript简单计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
canvas实现图像截取功能
这篇文章主要为大家详细介绍了canvas实现图像截取功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
js实现文字截断功能
这篇文章主要为大家详细介绍了js代码如何实现文字截断功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
webpack的tree shaking的实现方法
这篇文章主要介绍了webpack的tree shaking的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-09-09
分别用marquee和div+js实现首尾相连循环滚动效果，仅3行代码
这是本人2007年进行的一项研究，当时网络上没有什么既精简又实用的循环滚动代码，所以就自己琢磨了段时间，最终找到这个办法
2011-09-09
深入理解JavaScript 变量对象
变量对象是与执行上下文相关的数据作用域，存储了在上下文中定义的变量和函数声明，本文主要介绍了JavaScript 变量对象，具有一定的参考价值，感兴趣的可以了解一下
2022-05-05