Laraman
Laraman
发布于 4个月前

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如何进行批量替换的问题就完美解决了!