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 相关文章推荐
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
Sep 22 Javascript
javascript面向对象包装类Class封装类库剖析
Jan 24 Javascript
通过url查找a元素并点击
Apr 09 Javascript
特殊情况下如何获取span里面的值
May 20 Javascript
js实现特定位取反原理及示例
Jun 30 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
May 12 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
Nov 23 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
Jan 13 Javascript
js实现常见的工具条效果
Mar 02 Javascript
jquery在vue脚手架中的使用方式示例
Aug 29 jQuery
使用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
laravel安装和配置教程
2014/10/29 PHP
php的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
php基于jquery的ajax技术传递json数据简单实例
2016/04/15 PHP
php强制下载文件函数
2016/08/24 PHP
关于php开启错误提示的总结
2019/09/24 PHP
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
jQuery chili图片远处放大插件
2009/11/30 Javascript
JavaScript 嵌套函数指向this对象错误的解决方法
2010/03/15 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
jquery ui resizable bug解决方法
2010/10/26 Javascript
javascript闭包传参和事件的循环绑定示例探讨
2014/04/17 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
2014/10/30 Javascript
在AngularJS应用中实现一些动画效果的代码
2015/06/18 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
2016/10/27 Javascript
vue.js初学入门教程(1)
2016/11/03 Javascript
bootstrap模态框实现拖拽效果
2016/12/14 Javascript
学习Vue组件实例
2018/04/28 Javascript
详解ES6 export default 和 import语句中的解构赋值
2019/05/28 Javascript
JavaScript的查询机制LHS和RHS解析
2019/08/16 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
微信小程序实现点击导航条切换页面
2020/11/19 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python数据持久存储 pickle模块的基本使用方法解析
2019/08/30 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
一款利用html5和css3动画排列人物头像的实例演示
2014/12/05 HTML / CSS
英国最大的宠物食品和宠物用品网上零售商: Zooplus
2016/08/01 全球购物
迪卡侬印尼体育用品商店:Decathlon印尼
2020/03/11 全球购物
社会实践感言
2014/01/25 职场文书
幼儿教师考核制度
2014/01/25 职场文书
保密承诺书
2014/03/27 职场文书
干部作风建设心得体会
2014/10/22 职场文书
初中教师个人工作总结
2015/02/10 职场文书
乡镇团代会开幕词
2016/03/04 职场文书