Logo

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

photo
Pastore Antonio

2022年04月29日

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

1

2

3

4

5

6

7

8

9

10

11

12

13

<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 的效果：

1

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<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>

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

1

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

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

m 执行多行匹配。

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

1

2

3

String.prototype.replaceAll = function(s1,s2){

return this.replace(new RegExp(s1,"gm"),s2);

}

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

?

1

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

总结一下， 三种方式

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

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

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

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

 

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

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

浏览量： 1,103
技术 C#

橙子主题打折出售

其实我不卖，主要是这里是放广告的，所以就放了一个
毕竟主题都没做完，卖了也是坑.

购买它
所有附件
该文章没有附件.
本文为原创文章，请注意保留出处！

热门文章

WordPress 后台编辑器样式实现直接预览 在WordPress3.0以后，有一个新的实用功能：你可以更改默认后台编辑器（TinyMCE）的样...WordPress后台编辑器样式实现直接预览 作者:Pastore Antonio
1532 浏览量
【干货】Chrome插件(扩展)开发全攻略 写在前面我花了将近一个多月的时间断断续续写下这篇博文，并精心写下完整demo，写博客的辛苦大家懂的...【干货】Chrome插件(扩展)开发全攻略 作者:Pastore Antonio
1488 浏览量
memcached 处理 多端口：https://blog.csdn.net/Erica_1230/article/deta...memcached处理 作者:Pastore Antonio
1481 浏览量
使用Nginx+WordPress搭建个人网站 背景很多研究技术的朋友喜欢写博客。如果希望搭建一个完全属于自己的网站，也并不困难。这里简要分享一下...使用Nginx+WordPress搭建个人网站 作者:Pastore Antonio
1453 浏览量
C#图片处理 通常对一幅图片的处理包括：格式变换，缩放(Scale)，翻转(Rotate)，截取(Clip)，滤镜...C#图片处理 作者:Pastore Antonio
1444 浏览量