js使用正则实现ReplaceAll全部替换的方法_javascript技巧-js教程-PHP中文网

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

WBOY

发布： 2016-05-16 16:39:05

原创

2338 人浏览过

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

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

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