在写前端代码的时候,我们有时希望替换掉一个字符串中的一部分,理所当然的想到了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替换不完全的问题就完美解决了!