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 相关文章推荐
网页自动刷新,不产生嗒嗒声的一个解决方法
Mar 27 Javascript
js 匿名调用实现代码
Jun 19 Javascript
利用JQuery为搜索栏增加tag提示
Jun 22 Javascript
搭建pomelo 开发环境
Jun 24 Javascript
纯javascript制作日历控件
Jul 17 Javascript
详解JavaScript对象序列化
Jan 19 Javascript
JavaScript中的Array 对象(数组对象)
Jun 02 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
AngularJS发送异步Get/Post请求方法
Aug 13 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
javascript面向对象三大特征之继承实例详解
Jul 24 Javascript
使用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
PHP define函数的使用说明
2008/08/27 PHP
php设计模式之单例模式实例分析
2015/02/25 PHP
php将日期格式转换成xx天前的格式
2015/04/16 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
javascript &&和||运算法的另类使用技巧
2009/11/28 Javascript
jQuery表单验证插件formValidator(改进版)
2012/02/03 Javascript
js中Math之random,round,ceil,floor的用法总结
2013/12/26 Javascript
jquery中get,post和ajax方法的使用小结
2014/02/04 Javascript
jquery实现文本框数量加减功能的例子分享
2014/05/10 Javascript
调试JavaScript中正则表达式中遇到的问题
2015/01/27 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
2015/05/04 Javascript
jquery实现模拟百分比进度条渐变效果代码
2015/10/29 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
快速解决vue-cli不能初始化webpack模板的问题
2018/03/20 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
快速了解Node中的Stream流是什么
2019/02/13 Javascript
微信小程序系列之自定义顶部导航功能
2019/05/21 Javascript
VUE+elementui面包屑实现动态路由详解
2019/11/04 Javascript
uni-app如何页面传参数的几种方法总结
2020/04/28 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
2020/06/02 jQuery
[59:36]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第二场
2018/04/04 DOTA
python使用response.read()接收json数据的实例
2018/12/19 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
tensorflow入门:TFRecordDataset变长数据的batch读取详解
2020/01/20 Python
套娃式文件夹如何通过Python批量处理
2020/08/23 Python
美国生日蛋糕店:Bake Me A Wish!
2017/02/08 全球购物
美国创意之家:BulbHead
2017/07/12 全球购物
空指针到底是什么
2012/08/07 面试题
细节决定成败演讲稿
2014/05/12 职场文书
励志演讲稿3分钟
2014/08/21 职场文书
信息与计算机科学职业规划范文:成为一艘有方向的船
2014/09/11 职场文书
个人反四风对照检查材料思想汇报
2014/09/23 职场文书
代收款委托书范本
2014/10/01 职场文书
上学路上观后感
2015/06/16 职场文书
56句经典英文座右铭
2019/08/09 职场文书