美文网首页前端开发那些事儿前端技巧
解决js中replaceAll浏览器不兼容问题

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

作者: 芝芝麻麻开花花 | 来源:发表于2021-02-26 10:45 被阅读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全部替换的方法

    相关文章

      网友评论

        本文标题:解决js中replaceAll浏览器不兼容问题

        本文链接:https://www.haomeiwen.com/subject/ekhmfltx.html