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

  作者:bea

JS 字符串有replace() 方法。但这个方法只会对匹配到的第一个字串替换。 如下例: <HTML><HEAD><TITLE> New Document </TITLE></HEAD><BODY><script>var str = "wordwordwordword";var strNew = str.replace("word","Excel");alert(strNew);<

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:关于正则,本站还提供了2款非常简便实用的正则表达式工具供大家使用:



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


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





有用  |  无用

猜你喜欢