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代码
最近这个项目需要注册时用户填写出生日期，然后自动取得星座，想想好像用后台代码太麻烦只好转而使用JavaScript。
2010-07-07
微信小程序tabbar底部导航
这篇文章主要为大家详细介绍了微信小程序重写tabbar底部导航，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
JavaScript ECMA-262-3 深入解析（二）：变量对象实例详解
这篇文章主要介绍了JavaScript ECMA-262-3变量对象,结合实例形式详细分析了JavaScript ECMA变量对象相关概念、原理、用法及操作注意事项,需要的朋友可以参考下
2020-04-04
JavaScript内置对象math,global功能与用法实例分析
这篇文章主要介绍了JavaScript内置对象math,global功能与用法,结合实例形式分析了javascript中内置对象math与global的基本概念、功能及使用方法,需要的朋友可以参考下
2019-06-06
JavaScript 声明私有变量的两种方式
这篇文章主要介绍了JavaScript 声明私有变量的两种方式，帮助大家更好的理解和学习使用JavaScript，感兴趣的朋友可以了解下
2021-02-02
JavaScript 字符串操作的几种常见方法
JavaScript 操作字符串的几种常见方法，需要的朋友可以参考下。
2009-11-11
使用layui的router来进行传参的实现方法
今天小编就为大家分享一篇使用layui的router来进行传参的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
js实现日历的简单算法
这篇文章主要为大家详细介绍了js实现日历的简单算法，用js写了一套日历，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
JavaScript节点及列表操作实例小结
这篇文章主要介绍了JavaScript节点及列表操作的方法,以实例的形式较为详细的总结了javascript针对节点操作的相关技巧,并给出了一个完整的节点操作方法实例总结,需要的朋友可以参考下
2015-08-08
HTML+JS实现经典推箱子游戏
今天，这篇文章将利用HTML，CSS，JS的知识编写一个童年经典游戏 - 推箱子，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下
2022-11-11