DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js使用正則實現ReplaceAll全部替換的方法
js使用正則實現ReplaceAll全部替換的方法
編輯:關於JavaScript     

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.jb51.net/regex/javascript

正則表達式在線生成工具:
http://tools.jb51.net/regex/create_reg

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved