good luck to you

JavaScript 使用正则实现 ReplaceAll 全部替换的方法

JS 并没有提供 replaceAll 这样的方法,但可使用正则表达达到 Replace 的效果。

JS 字符串有 replace() 方法。但这个方法只会对匹配到的第一个字串替换。 如下例:

<script>
var str = "wordwordwordword";
var strNew = str.replace("word","Excel");
alert(strNew);
</script>

若要全部替换的话,JS 没有提供 replaceAll 这样的方法。使用正则表可以达成 Replace 的效果:

str.replace(/word/g, "Excel")

g 的意义是:执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。

<script>
function replaceAll(str)
{
  if(str!=null)
  str = str.replace(/word/g,"Excel")
  return str;
}
</script>

<script>
var str = "wordwordwordword";
var strNew = str.replace("word","Excel");
strNew = replaceAll(str);
alert(strNew);
</script>

以上写法有个类同的写法:

str.replace(new RegExp("word","gm"),"Excel")

g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。

m 执行多行匹配。

除此之外,也可以添加 Stirng对象的原型方法:

String.prototype.replaceAll = function(s1,s2){ 
return this.replace(new RegExp(s1,"gm"),s2); 
}

这样就可以像使用replace 方法一样使用replaceAll了

str.replaceAll("word","Excel");

总结一下, 三种方式

  • str.replace(/oldString/g,newString)
  • str.replace(new RegExp(oldString,”gm”),newString)
  • 增加String 对象原型方法 replaceAll

项目案例

使用第三方编辑器添加的文档详情,内容中的图片地址可能为相对定位。但是,在我们做第三方接口等其他程序时,需要这些图片的绝对定位:

//处理商品详情
var lhStr = data.data.detail; //商品详情数据
strNew = replaceAll(lhStr);   //调用replaceAll()
data.data.detail = strNew; 
$("#pro_detail").append(data.data.detail);

//全局替换
function replaceAll(str){
  if(str != null) {
    str = str.replace(/\/uploadfile\/all\/image\//g, "http://www.abc.com/uploadfile/all/image/");
    return str;
  }
}
原文链接:,转发请注明来源!
评论已关闭。