JavaScript 替换所有匹配内容及正则替换方法

 更新时间:2020年02月12日 10:01:19   作者:honzen  
这篇文章主要介绍了JavaScript 替换所有匹配内容,文中给大家提到了使用正则表达式替换方法,通过实例代码给大家介绍的非常详细,需要的朋友可以参考下

由于JavaScript 的 replace 只能替换一次,因此另外编写一个能现替换全部匹配内容方法,代码如下:

/*
把 content 中所有的 searchValue 替换为 replaceValue
*/ 
 function replaceAll(content,searchValue,replaceValue){
  while (content.indexOf(searchValue)>-1) {
  content = content.replace(searchValue,replaceValue);
  }
  return content;
 }

为什么不使用正侧表达式来替换?

因为实际操作中发现 searchValue 的内容太大的时候使用正侧表达式替换会出错

我的场景是把 html 页面 img 中的base64 xxx1,base64 xxx2 图片内容替换为 [image1][image2] 这样的占位符时,如果使用正则表达式就出错

附上一般情况下使用正则表达式的替换方法

content.replace(new RegExp(searchValue,'g'),replaceValue)

总结

以上所述是小编给大家介绍的JavaScript 替换所有匹配内容及正则替换方法,希望对大家有所帮助!

相关文章

  • 纯js和css完成贪吃蛇小游戏demo

    纯js和css完成贪吃蛇小游戏demo

    这篇文章主要为大家详细介绍了纯js和css完成贪吃蛇小游戏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 超全面的JavaScript开发规范(推荐)

    超全面的JavaScript开发规范(推荐)

    作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题。本文就主要介绍了关于Javascript的命名规范、注释规范以及框架开发的一些问题,需要的朋友可以参考学习。
    2017-01-01
  • javascript 解决浏览器不支持的问题

    javascript 解决浏览器不支持的问题

    这篇文章主要介绍了javascript 解决浏览器不支持的问题的相关资料,需要的朋友可以参考下
    2016-09-09
  • picChange 图片切换特效的函数代码

    picChange 图片切换特效的函数代码

    picChange图片切换特效的封装函数,能够根据图片html代码自动生成右下角的数字导航按钮。
    2010-05-05
  • js 递归和定时器的实例解析

    js 递归和定时器的实例解析

    本文主要介绍了js递归和定时器的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JS闭包用法实例分析

    JS闭包用法实例分析

    这篇文章主要介绍了JS闭包用法,结合具体实例形式分析了javascript闭包的原理、执行步骤与相关操作技巧,需要的朋友可以参考下
    2017-03-03
  • 详解JavaScript什么情况下不建议使用箭头函数

    详解JavaScript什么情况下不建议使用箭头函数

    箭头函数作为ES6新增的语法,在使用时不仅能使得代码更加简洁,而且在某些场景避免this指向问题。但是箭头函数不是万能的,也有自己的缺点以及不适用的场景,本文总结了JavaScript什么情况下不建议使用箭头函数,感兴趣的可以了解一下
    2022-06-06
  • JS 控制非法字符的输入代码

    JS 控制非法字符的输入代码

    JS控制非法字符的输入实现代码,需要的朋友可以参考下。
    2009-12-12
  • JavaScript实现简单图片切换

    JavaScript实现简单图片切换

    这篇文章主要为大家详细介绍了JavaScript实现简单图片切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • js 多种变量定义(对象直接量,数组直接量和函数直接量)

    js 多种变量定义(对象直接量,数组直接量和函数直接量)

    js 多种变量定义(对象直接量,数组直接量和函数直接量),大家可以参考下,对于以后学习js 面向对于与json操作会有帮助。
    2010-05-05

最新评论