现在的位置: 网页制作教程网站制作经验 >正文
JS特效教程

JS中replace函数替换全部内容

发表于2020/4/27 网站制作经验 0条评论 ⁄ 热度 1,194℃

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

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

输出如图:

replace函数替换第一个

replace函数替换第一个内容

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

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

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

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

输出如图:

replace函数正则表达式

replace函数正则表达式

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

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

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);

结果如图:

replace替换所有封装函数

replace替换所有封装函数

至此,我们就可以用正则一次匹配内容中所有要替换的词了!

  • 暂无评论