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 相关文章推荐
按给定几率进行随机抽取的js代码
Dec 28 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
Jul 17 Javascript
Javascript中的方法链(Method Chaining)介绍
Mar 15 Javascript
Javascript中prototype的使用详解
Jun 18 Javascript
浅谈DOCTYPE对$(window).height()取值的影响
Jul 21 Javascript
jQuery 判断是否包含在数组中Array[]的方法
Aug 03 Javascript
JS实现数组去重复值的方法示例
Feb 18 Javascript
Vue.js展示AJAX数据简单示例讲解
Mar 29 Javascript
Mac中安装nvm的教程分享
Dec 11 Javascript
js实现select下拉框选择
Jan 11 Javascript
vue学习笔记之slot插槽用法实例分析
Feb 29 Javascript
vue-autoui自匹配webapi的UI控件的实现
Mar 20 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应用提速面面观
2006/10/09 PHP
简单易用的计数器(数据库)
2006/10/09 PHP
PHP实现JS中escape与unescape的方法
2016/07/11 PHP
PHP Filter过滤器全面解析
2016/08/09 PHP
JS拖动技术 关于setCapture使用
2010/12/09 Javascript
JS中图片缓冲loading技术的实例代码
2013/08/29 Javascript
在js文件中写el表达式取不到值的原因及解决方法
2013/12/23 Javascript
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
Angularjs基础知识及示例汇总
2015/01/22 Javascript
JavaScript生成随机数的4种自定义函数分享
2015/02/28 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
BootStrap中的Fontawesome 图标
2017/05/25 Javascript
JavaScript使用Ajax上传文件的示例代码
2017/08/10 Javascript
vue-router 导航钩子的具体使用方法
2017/08/31 Javascript
NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】
2017/09/06 NodeJs
JavaScript 异步调用
2017/10/25 Javascript
vue生成文件本地打开查看效果的实例
2018/09/06 Javascript
js 动态校验开始结束时间的实现代码
2020/05/25 Javascript
Python实现的数据结构与算法之链表详解
2015/04/22 Python
python文件操作相关知识点总结整理
2016/02/22 Python
python根据url地址下载小文件的实例
2018/12/18 Python
Sandro Paris美国官网:典雅别致的法国时尚服饰品牌
2017/12/26 全球购物
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
如何在.net Winform里面显示PDF文档
2012/09/11 面试题
工程管理专业个人求职信范文
2013/12/07 职场文书
人力资源专员岗位职责
2014/01/30 职场文书
运动会邀请函范文
2014/01/31 职场文书
电子信息专业自荐书
2014/02/04 职场文书
车间主任岗位职责
2015/02/03 职场文书
自荐信格式模板
2015/03/27 职场文书
事业单位财务人员岗位职责
2015/04/14 职场文书
CSS3实现的侧滑菜单
2021/04/27 HTML / CSS
Python Django框架介绍之模板标签及模板的继承
2021/05/27 Python
讨论nginx location 顺序问题
2022/05/30 Servers
详解Anyscript开发指南绕过typescript类型检查
2022/09/23 Javascript