js 实现ReplaceAll 的方法

时间：2021-03-25 15:55:14

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

[javascript]  view plain copy
  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>  

如果要全部替换的话，JS 没有提供replaceAll这样的方法。使用正则表可以达成Replace 的效果：

[javascript]  view plain copy
  1. str.replace(/word/g,"Excel")  
g  的意义是：执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。

[javascript]  view plain copy
  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>  

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

[javascript]  view plain copy
  1. str.replace(new RegExp("word","gm"),"Excel")  

g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m 执行多行匹配。
[javascript]  view plain copy
  1.   

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

[javascript]  view plain copy
  1. String.prototype.replaceAll  = function(s1,s2){     
  2.     return this.replace(new RegExp(s1,"gm"),s2);     
  3. }   
这样就可以像使用replace 方法一样使用replaceAll了


[javascript]  view plain copy
  1. str.replaceAll("word","Excel");  
标签：

相关文章