js使用正则实现ReplaceAll全部替换的方法_javascript技巧-JS Tutorial-php.cn

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

WBOY

Release： 2016-05-16 16:39:05

Original

2288 people have browsed it

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>

Copy after login

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

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

Copy after login

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>

Copy after login

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

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

Copy after login

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

m 执行多行匹配。

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

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

Copy after login

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

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

Copy after login

总结一下，三种方式

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

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

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

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

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