前端开发那些事儿前端技巧

解决js中replaceAll浏览器不兼容问题

2021-02-26  本文已影响0人  芝芝麻麻开花花

今天在做项目的时候,出现了有些用户的浏览器使用replaceAll方法报错问题,上网查了才知道,一些旧版浏览器对一些js方法比如这个replaceAll方法不是很兼容,会出现js报错问题。
如果要全部替换的话,浏览器又不支持replaceAll这样的方法,那可以换成了使用正则表可以达成ReplaceAll 的效果:

str.replace(/word/g,"Excel");
g 的意义是:执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。

var str = "wordwordwordword";
var strNew = str.replace(/word/g,"Excel")
strNew = replaceAll(str);

还有一种方式:

str.replace(new RegExp("word","gm"),"Excel")
g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m 执行多行匹配。

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

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

String.prototype.replaceAll = function(s1,s2){
return this.replace(new RegExp(s1,"gm"),s2);
}
这样就可以像使用replace 方法一样使用replaceAll了

str.replaceAll("word","Excel");
总结一下, 三种方式:
  1. str.replace(/oldString/g,newString)
  2. str.replace(new RegExp(oldString,"gm"),newString)
  3. 增加String 对象原型方法 replaceAll

参考来源:
js使用正则实现ReplaceAll全部替换的方法

上一篇下一篇

猜你喜欢

热点阅读