卡卡網(wǎng)

前兩天寫了一個JavaScript程序，在Edge、Firefox、Chrome等主流瀏覽器里測試通過，今天使用IE11瀏覽器執(zhí)行時，發(fā)現(xiàn)程序無法運行了，經(jīng)過檢查，發(fā)現(xiàn)是replaceAll這個函數(shù)在IE里不支持造成的。

我于是查了一些資料，發(fā)現(xiàn)有幾種方法可以替代replaceAll的字符全替換功能。

1、使用replace()全局替換寫法一

使用replace全局替換，可以把所有匹配字符全替換，代碼如下：

var re = /apples/gi;
var str = "Apples are round, and apples are juicy.";
var newstr = str.replace(re, "oranges");
 
alert(newstr);
// 返回: oranges are round, and oranges are juicy.

在 replace() 中使用 global 和 ignore 選項，正則表達式包含有全局替換(g)和忽略大小寫(i)的選項，這使得replace方法用“oranges”替換掉了所有出現(xiàn)的“apples”。

2、使用replace()全局替換寫法二

下面是使用replace()全局替換的第二種寫法，功能與寫法一是一樣的。

var str = "Apples are round, and apples are juicy.";
var newstr = "";
newstr = str.replace(new RegExp("apples", "gi"),"oranges");

alert(newstr);
// 返回：oranges are round, and oranges are juicy.

3、創(chuàng)建String原型對象

創(chuàng)建一個String原型對象，可以在IE使用replaceAll實現(xiàn)字符全替換功能。代碼如下：

(function(){
  //if (!String.prototype.hasOwnProperty("replaceAll")){
    String.prototype.replaceAll  = function(s1,s2){
      return this.replace(new RegExp(s1,"gim"),s2); //g全局 i忽略字母大小寫 m多行
    };
  //}
})();

var re = "apples";
var str = "Apples are round, and apples are juicy.";
var newstr = str.replaceAll(re, "oranges");

alert(newstr);// 返回: oranges are round, and oranges are juicy.

4、使用 split() 和 join()

使用 split() 和 join() 的方法同樣可以實現(xiàn)字符全替換功能，寫法也非常簡單，代碼如下：

var str = "Apples are round, and apples are juicy";
str = str.split(/apples/i).join('oranges');

alert(str);// 返回: oranges are round, and oranges are juicy.

注意：split()分割默認是區(qū)分字母大小寫的，所以需要忽略大小寫時要按本示例那樣寫。

總結(jié)

本文介紹了4種寫法解決IE不支持replaceAll的問題，并且在IE11、Chrome、Firefox等主流瀏覽器上測試通過。

相關(guān)文章

• JS 3種方法實現(xiàn)字符全替換: replace replaceAll split join
• js正則表達式replace里有變量的解決方法用到RegExp類

知識擴展：JS正則匹配特殊字符的寫法

JS正則匹配時，會用到很多的代表特殊含義的元字符，下表是元字符及其在正則表達式上下文中的行為的一個完整列表：

標(biāo)簽: replace  replaceAll