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

前端技术 2023/09/02 JavaScript

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 的意义是：执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。

<HEAD>
<TITLE> New Document </TITLE>
<script>
function replaceAll(str)
{
if(str!=null)
str = str.replace(/word/g,\"Excel\")
return str;
}
</script>
</HEAD>

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

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

str.replace(new RegExp(\"word\",\"gm\"),\"Excel\")

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

m 执行多行匹配。

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

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


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

str.replaceAll(\"word\",\"Excel\");

总结一下， 三种方式

1. str.replace(/oldString/g,newString)

2. str.replace(new RegExp(oldString,\"gm\"),newString)

3. 增加String 对象原型方法 replaceAll

PS：关于正则，本站还提供了一个非常简便实用的正则测试工具供大家使用：

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

本文地址：https://www.stayed.cn/item/4709

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案