js replace全部替换的方法

在写前端代码的时候，我们有时希望替换掉一个字符串中的一部分，理所当然的想到了replace这个方法。

但是在实践中发现javascript中的replace方法只替换字符串中第一次出现的目标，比如：

var str='我是生长在中国南方的纯正中国人';
var newstr=str.replace('中国','天朝');
alert(newstr);

如图：

结果是：我是生长在天朝南方的纯正中国人，而不是：我是生长在天朝南方的纯正天朝人。

第一个目标“中国”被替换了，但是第二个没有被替换掉。怎么办呢？

我们的解决方案就是用正则表达式，如下：

var str = '我是生长在中国南方的纯正中国人';
var reg = new RegExp( '中国' , "g" )
var newstr = str.replace( reg , '天朝' );
alert(newstr);

如图：

结果就成了我们想要的：我是生长在天朝南方的纯正天朝人。

 

目的是达到了，但是每次都这样写的话似乎有点麻烦，我们把他封装一下。

String.prototype.myReplace=function(f,e){//吧f替换成e
    var reg=new RegExp(f,"g"); //创建正则RegExp对象   
    return this.replace(reg,e); 
}

//应用示例
var str='我是生长在中国南方的纯正中国人';
var newstr=str.myReplace('中国','天朝');
alert(newstr);

结果如图：

 

到此我们对javascript替换不完全的问题就完美解决了