而str.replace(/\-/g,"!")則可以全部替換掉匹配的字符(g為全局標(biāo)志)。

replace()
The replace() method returns the string that results when you replace text matching its first argument
(a regular expression) with the text of the second argument (a string).
If the g (global) flag is not set in the regular expression declaration, this method replaces only the first
occurrence of the pattern. For example,
var s = "Hello. Regexps are fun." ;s = s.replace(/\./, "!" ); // replace first period with an exclamation pointalert(s);
produces the string “Hello! Regexps are fun.” Including the g flag will cause the interpreter to
perform a global replace, finding and replacing every matching substring. For example,
var s = "Hello. Regexps are fun." ;s = s.replace(/\./g, "!" ); // replace all periods with exclamation pointsalert(s);
yields this result: “Hello! Regexps are fun!”

所以可以用以下幾種方式.：

string.replace(/reallyDo/g, replaceWith);
string.replace(new RegExp(reallyDo, 'g'), replaceWith);

string：字符串表達(dá)式包含要替代的子字符串。
reallyDo：被搜索的子字符串。
replaceWith：用于替換的子字符串。

<script type="text/javascript">
　　String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) {
　 if (!RegExp.prototype.isPrototypeOf(reallyDo)) {
return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith);
} else {
return this.replace(reallyDo, replaceWith);
}
}
</script>

補(bǔ)充

我們?cè)贘ava中可以使用replaceAll()方法對(duì)字符串進(jìn)行批量替換，但在JS中replaceAll()方法是undefined，JS中只存在replace()方法，因此我們可以自己封裝JS中replaceAll()方法供我們便捷使用。

一、使用replace()方法進(jìn)行替換

定義一個(gè)字符串：

var str = "hello world";

使用replace()方法將字符串中的字母"l"替換成"i"，原始做法：

?console.log(str.replace("l","i"));

輸出：

“heilo world”

需要執(zhí)行三次，非常不方便；

二、使用replaceAll()方法替換

封裝replaceAll()方法：

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

定義一個(gè)字符串：

var str = "hello world";

使用replaceAll()方法進(jìn)行批量替換：

console.log(str.replaceAll("l", "i"));

輸出：

“heiio worid”

只需要執(zhí)行一次，就完成了全部替換需求。

總結(jié)一下， 四種方式

1. 使用具有全局標(biāo)志g的正則表達(dá)式

var str = "dogdogdog";
var str2 = str.replace(/dog/g,"cat");
console.log(str2);

實(shí)現(xiàn)替換全部匹配字符串，輸出結(jié)果為：catcatcat。

2. 使用另一種具有全局標(biāo)志g的正則表達(dá)式

var str = "dogdogdog";
var str2 = str.replace(new RegExp("dog","gm"),"cat");
console.log(str2);

輸出結(jié)果同上例。這里g表示執(zhí)行全局匹配，m表示執(zhí)行多次匹配。

3. 給string對(duì)象添加原型方法replaceAll()

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

這樣就可以像使用replace方法一樣使用replaceAll方法：

var str = "dogdogdog";
var str2 = str.replaceAll("dog", "cat");
console.log(str2);

輸出結(jié)果同上例。

4. 使用先split，再join的方法

評(píng)論區(qū)@默默之分享的這個(gè)方法太贊了，拉到正文里以免有人不看評(píng)論，感謝@默默之分享。

var str = "dogdogdog";
var str2 = str.split("dog").join("cat")
console.log(str2);

輸出結(jié)果同上例。

最新評(píng)論