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 相关文章推荐
关于实现代码语法标亮 dp.SyntaxHighlighter
Feb 02 Javascript
jQuery查询数据返回object和字符串影响原因是什么
Aug 09 Javascript
判断js对象是否拥有某一个属性的js代码
Aug 16 Javascript
JavaScript日期类型的一些用法介绍
Mar 02 Javascript
js实现索引图片切换效果
Nov 21 Javascript
初识angular框架后的所思所想
Feb 19 Javascript
jQuery AJAX timeout 超时问题详解
Jun 21 Javascript
BootStrap入门教程(三)之响应式原理
Sep 19 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
Sep 26 Javascript
Node.js API详解之 readline模块用法详解
May 22 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中的filesystem文件系统函数介绍及使用示例
2014/02/13 PHP
php实现替换手机号中间数字为*号及隐藏IP最后几位的方法
2016/11/16 PHP
详细讲解JS节点知识
2010/01/31 Javascript
javascript中使用css需要注意的地方小结
2010/09/01 Javascript
js的Boolean对象初始值示例
2014/03/04 Javascript
用JS在浏览器中创建下载文件
2014/03/05 Javascript
JS实现从连接中获取youtube的key实例
2015/07/02 Javascript
Javascript控制div属性动态变化实例分析
2015/10/08 Javascript
详解JavaScript正则表达式之RegExp对象
2015/12/13 Javascript
JQuery中Ajax()的data参数类型实例分析
2015/12/15 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
nodejs发送http请求时遇到404长时间未响应的解决方法
2017/12/10 NodeJs
react配合antd组件实现的管理系统示例代码
2018/04/24 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
javascript自定义右键菜单插件
2019/12/16 Javascript
vue实现图片懒加载的方法分析
2020/02/05 Javascript
jQuery实现简单评论区功能
2020/10/26 jQuery
vue使用transition组件动画效果的实例代码
2021/01/28 Vue.js
Python对列表排序的方法实例分析
2015/05/16 Python
python解决网站的反爬虫策略总结
2016/10/26 Python
Python中zip函数如何使用
2020/06/04 Python
Pycharm的Available Packages为空的解决方法
2020/09/18 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
StubHub新加坡:购买和出售全球活动门票
2017/03/10 全球购物
美国和加拿大计算机和电子产品购物网站:TigerDirect.com
2019/09/13 全球购物
电大自我鉴定范文
2013/10/01 职场文书
审计工作个人的自我评价
2013/12/25 职场文书
房地产销售计划书
2014/01/10 职场文书
企业文明单位申报材料
2014/05/16 职场文书
法人代表证明书格式
2014/10/01 职场文书
单位工作证明格式模板
2014/10/04 职场文书
单位租车协议书
2015/01/29 职场文书
2015年教师教学工作总结
2015/04/28 职场文书
酒会开场白大全
2015/06/01 职场文书
python第三方网页解析器 lxml 扩展库与 xpath 的使用方法
2021/04/06 Python
python数据处理之Pandas类型转换
2022/04/28 Python