Logo

Logo

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

Pastore Antonio
Pastore Antonio 2022年04月29日
1248 阅读 0 评论 约 1451 字 阅读约 3 分钟

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

查看完整代码

橙子主题打折出售

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

购买它
部分文章可能存在转载,如果涉及到侵权,请联系删除文章。

探索AIGC相关的精彩内容,共 15 篇文章

Azure AI 服务之语音识别

简介 Azure AI 服务中的语音识别 API 是微软提供的一项先进技术,旨在帮助开发者轻松实现语 ... js使用正则实现ReplaceAll全部替换的方法

2026-02-17 · Xzavier Aaron
MCP | 一文详解什么是 MCP以及 MCP 可以做什么

一、什么是 MCP MCP(Model Context Protocol)是一个专为大型语言模型(L ... js使用正则实现ReplaceAll全部替换的方法

2026-02-14 · Shen, Luke
你的工作流程,值得一个“全自动数字分身”:录制、截图、成文,一气呵成

一、一句话认识 TestFlow Recorder 在数字化工作环境中,如何准确记录操作步骤并生成清 ... js使用正则实现ReplaceAll全部替换的方法

2026-02-14 · Xzavier Aaron
Flowise 前端框架配置指南

用户需求 问题:有没有适合配置 Flowise 的前端框架? 目标:寻找类似 Open WebUI ... js使用正则实现ReplaceAll全部替换的方法

2026-02-14 · Xzavier Aaron