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 相关文章推荐
jQuery选择器之基本选择器与层次选择器
Mar 03 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
Sep 22 Javascript
jQuery插件form-validation-engine正则表达式操作示例
Feb 09 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
Mar 30 Javascript
关于webpack2和模块打包的新手指南(小结)
Aug 07 Javascript
JavaScript登录验证基础教程
Nov 01 Javascript
JavaScript体验异步更好的解决办法
Jan 08 Javascript
JavaScript类的继承方法小结【组合继承分析】
Jul 11 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
Jan 08 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
Jun 27 Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 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
一个程序下载的管理程序(一)
2006/10/09 PHP
谈谈新手如何学习PHP
2006/12/23 PHP
php实现比较两个文件夹异同的方法
2015/06/18 PHP
PHP中如何判断exec函数执行成功?
2016/08/04 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
2016/10/25 PHP
PHP调用QQ互联接口实现QQ登录网站功能示例
2019/10/24 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
2020/11/22 PHP
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
JavaScript聚焦于第一个字段的代码
2010/10/15 Javascript
Jquery 获取checkbox的checked问题
2011/11/16 Javascript
Jquery Ajax xmlhttp请求成功问题
2015/02/04 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
2015/06/05 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
jquery实现华丽的可折角广告代码
2015/09/02 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
2016/01/19 Javascript
es6学习笔记之Async函数基本教程
2017/05/11 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
2017/07/11 jQuery
vue中element 上传功能的实现思路
2018/07/06 Javascript
微信小程序云开发使用方法新手初体验
2019/05/16 Javascript
JS中的算法与数据结构之列表(List)实例详解
2019/08/16 Javascript
详解JavaScript的this指向和绑定
2020/09/08 Javascript
[04:32]玩具屠夫中文语音节选
2020/08/23 DOTA
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
Python进行数据提取的方法总结
2016/08/22 Python
python实现RabbitMQ的消息队列的示例代码
2018/11/08 Python
python系列 文件操作的代码
2019/10/06 Python
python实现在内存中读写str和二进制数据代码
2020/04/24 Python
AJax面试题
2014/11/25 面试题
实习报告评语
2014/04/26 职场文书
关于环保的建议书
2014/05/12 职场文书
小学生运动会报道稿
2014/09/12 职场文书
作弊检讨书
2015/01/27 职场文书
教师调动申请报告
2015/05/18 职场文书
嵌入式Redis服务器在Spring Boot测试中的使用教程
2021/07/21 Redis
使用Cargo工具高效创建Rust项目
2022/08/14 Javascript