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


Posted in Javascript onFebruary 12, 2020

由于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 替换所有匹配内容及正则替换方法,希望对大家有所帮助!

Javascript 相关文章推荐
IE与Firefox下javascript getyear年份的兼容性写法
Dec 20 Javascript
JQuery与iframe交互实现代码
Dec 24 Javascript
js parsefloat parseint 转换函数
Jan 21 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
JavaScript中cookie工具函数封装的示例代码
Oct 11 Javascript
Bootstrap实现的标签页内容切换显示效果示例
May 25 Javascript
Vue自定义指令详解
Jul 28 Javascript
利用Javascript实现一套自定义事件机制
Dec 14 Javascript
VUE安装使用教程详解
Jun 03 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
Jul 20 Javascript
详解如何在Vue项目中发送jsonp请求
Oct 25 Javascript
vue router 动态路由清除方式
May 25 Vue.js
使用webpack搭建pixi.js开发环境
Feb 12 #Javascript
十分钟教你上手ES2020新特性
Feb 12 #Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
Feb 12 #Javascript
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
Feb 12 #Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
Feb 12 #Javascript
浅析vue-router实现原理及两种模式
Feb 11 #Javascript
vue-socket.io跨域问题有效解决方法
Feb 11 #Javascript
You might like
PHP5权威编程阅读学习笔记 附电子书下载
2012/07/05 PHP
PHP页面实现定时跳转的方法
2014/10/31 PHP
smarty模板引擎基础知识入门
2015/03/30 PHP
php动态添加url查询参数的方法
2015/04/14 PHP
解决laravel(5.5)访问public报错的问题
2019/10/12 PHP
jQuery实现form表单reset按钮重置清空表单功能
2012/12/18 Javascript
jquery中文乱码的多种解决方法
2013/06/21 Javascript
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
2014/07/29 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
JavaScript实现在页面间传值的方法
2015/04/07 Javascript
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
JS实现适合于后台使用的动画折叠菜单效果
2015/09/21 Javascript
深入理解javascript函数参数与闭包
2016/12/12 Javascript
angular实现spa单页面应用实例
2017/07/10 Javascript
Node.js之readline模块的使用详解
2019/03/25 Javascript
js实现div色块碰撞
2020/01/16 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
js Math数学简单使用操作示例
2020/03/13 Javascript
javascript贪吃蛇游戏设计与实现
2020/09/17 Javascript
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
python实现二维码扫码自动登录淘宝
2016/12/27 Python
python机器学习之神经网络(一)
2017/12/20 Python
python如何发布自已pip项目的方法步骤
2018/10/09 Python
python接口自动化测试之接口数据依赖的实现方法
2019/04/26 Python
python检测服务器端口代码实例
2019/08/31 Python
pytorch 状态字典:state_dict使用详解
2020/01/17 Python
HTML5 Video/Audio播放本地文件示例介绍
2013/11/18 HTML / CSS
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
力学专业毕业生自荐信
2013/11/17 职场文书
大学本科毕业生的自我鉴定范文
2013/11/19 职场文书
竞选班干部的演讲稿
2014/04/24 职场文书
2015年信息中心工作总结
2015/05/25 职场文书
汽车销售合同文本
2019/08/08 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书
为自由献出你的心脏!「进击的巨人展 FINAL」2022年6月在台开展
2022/04/13 日漫