js使用正则实现ReplaceAll全部替换的方法

最新推荐文章于 2025-10-07 08:16:05 发布

转载最新推荐文章于 2025-10-07 08:16:05 发布 · 3.5k 阅读

文章标签：

#javascript #ReplaceAll

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍JavaScript中实现字符串全局替换的方法，包括使用正则表达式的全局匹配、通过RegExp构造函数配合全局标志实现替换，以及为String对象添加replaceAll原型方法。

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

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

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<script>
var str = "wordwordwordword";
var strNew = str.replace("word","Excel");
alert(strNew);
</script>
</BODY>
</HTML>

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

str.replace(/word/g,"Excel")

g 的意义是：执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。

New Document

function replaceAll(str) { if(str!=null) str = str.replace(/word/g,"Excel") return str; }

var str = "wordwordwordword"; var strNew = str.replace("word","Excel"); strNew = replaceAll(str); alert(strNew);


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

str.replace(new RegExp(“word”,”gm”),”Excel”)





**
g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m 执行多行匹配。
2.除此之外，也可以添加 Stirng对象的原型方法:
**

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





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

str.replaceAll(“word”,”Excel”);




**总结一下， 三种方式**

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