首页 > 代码库 > js 实现ReplaceAll 的方法 .

js 实现ReplaceAll 的方法 .

2024-07-18 18:18:32   224人阅读

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

 

[javascript] view plaincopyprint?

  1. <HTML>  

  2. <HEAD>  

  3. <TITLE> New Document </TITLE>  

  4. </HEAD>  

  5.   

  6. <BODY>  

  7. <script>  

  8.    var str = "wordwordwordword";  

  9.    var strNew = str.replace("word","Excel");  

  10.    alert(strNew);  

  11. </script>  

  12. </BODY>  

  13. </HTML>  

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

 

[javascript] view plaincopyprint?

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

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

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

 

[javascript] view plaincopyprint?

  1. <HEAD>  

  2. <TITLE> New Document </TITLE>  

  3. <script>  

  4. function replaceAll(str)  

  5. {  

  6.     if(str!=null)  

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

  8.     return str;  

  9. }  

  10. </script>  

  11. </HEAD>  

  12.   

  13. <BODY>  

  14. <script>  

  15.    var str = "wordwordwordword";  

  16.    var strNew = str.replace("word","Excel");  

  17.    strNew = replaceAll(str);  

  18.    alert(strNew);  

  19. </script>  

  20. </BODY>  

  21. </HTML>  

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

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

 

[javascript] view plaincopyprint?

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

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

 

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

[javascript] view plaincopyprint?

  1.   


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

 

[javascript] view plaincopyprint?

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

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

  3. }   

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

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

 

[javascript] view plaincopyprint?

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

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


总结一下， 三种方式

 

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

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

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

 


联系
我们