js 實現ReplaceAll 的方法

本文轉載自查看原文 2014-07-17 10:25 8550 JS

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

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js實現replaceAll方法 JS => ReplaceAll js replaceAll replaceAll() 方法 String類replaceAll方法正則替換深入分析通過js實現置頂方法各種實現js繼承的方法總結 js實現方法的鏈式調用原生js實現each方法原生js實現append()方法