JS使用正则+replace实现replace All 全部替换的方法

本文介绍了JavaScript中如何实现字符串的全局替换，由于String类原生不支持replaceAll方法，可以通过正则表达式实现全替换。示例中展示了使用`/oldString/g`或`new RegExp(oldString, 'gm')`的方式进行全局替换。此外，还提供了一种扩展String原型的方法，增加replaceAll函数。文章最后推荐了两款在线正则测试工具供读者使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

可以发现，JS 的 String 类没有提供replaceAll这样的方法。使用正则表可以达成Replace All的效果，感兴趣的朋友看看下面的示例。

JS 字符串有replace() 方法。但这个方法只会对匹配到的第一个字串替换。如下例：

		let str = 'Hello World! Hello World! Hello World!';
        let strNew = str.replace('World','Bro');
        console.log('strNew: ',strNew);

在这里插入图片描述

如果要全部替换的话，JS 没有提供replaceAll这样的方法。使用正则表可以达成Replace All 的效果：

		let strNew = str.replace(/World/g,"Bro");

在这里插入图片描述
这里解释一下： g 的意义是：执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。

以上写法有个类同的写法：

let strNew = str.replace(new RegExp('World','gm'),'Bro');

这里解释一下：
g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。

m 执行多行匹配。

除此之外，也可以添加 Stirng对象的原型方法:

String.prototype.replaceAll = function(s1,s2){ 
return this.replace(new RegExp(s1,"gm"),s2); 
}

这样就可以像使用replace 方法一样使用replaceAll了

str.replaceAll("World","Bro");

总结一下，三种方式

str.replace(/oldString/g,newString)
str.replace(new RegExp(oldString,“gm”),newString)
增加String 对象原型方法 replaceAll

PS：关于正则，这里提供了2款非常简便实用的正则表达式工具供大家使用：

JavaScript正则表达式在线测试工具：
http://tools.jb51.net/regex/javascript

正则表达式在线生成工具：
http://tools.jb51.net/regex/create_reg

如果再繁忙的工作中，当你恰巧搜索到了这篇文章，并且恰巧帮你解决了手头上的问题，希望你可以给我点个赞，谢谢！