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 相关文章推荐
JavaScript国旗变换效果代码
Aug 13 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
Jan 19 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
Aug 26 Javascript
基于Javascript实现的不重复ID的生成器
Dec 25 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
Jan 04 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
Javascript实现倒计时时差效果
May 18 Javascript
从parcel.js打包出错到选择nvm的全部过程
Jan 23 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
Nov 01 Javascript
vue项目部署到nginx/tomcat服务器的实现
Aug 26 Javascript
使用layer弹窗,制作编辑User信息页面的方法
Sep 27 Javascript
前端vue如何使用高德地图
Nov 05 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实现的遍历文件夹下所有文件,编辑删除
2010/01/05 PHP
简单的PHP留言本实例代码
2010/05/09 PHP
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
PHP手机号中间四位用星号*代替显示的实例
2017/06/02 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
javascript写的日历类(基于pj)
2010/12/28 Javascript
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
基于javascript代码实现通过点击图片显示原图片
2015/11/29 Javascript
React实现双向绑定示例代码
2016/09/19 Javascript
vue的基本用法与常见指令
2017/08/15 Javascript
vue导出html、word和pdf的实现代码
2018/07/31 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
2019/04/01 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
vue+elementui通用弹窗的实现(新增+编辑)
2021/01/07 Vue.js
Python实现计算文件夹下.h和.cpp文件的总行数
2015/04/23 Python
python 采集中文乱码问题的完美解决方法
2016/09/27 Python
Opencv-Python图像透视变换cv2.warpPerspective的示例
2019/04/11 Python
python 3.74 运行import numpy as np 报错lib\site-packages\numpy\__init__.py
2019/10/06 Python
使用python实现数组、链表、队列、栈的方法
2019/12/20 Python
使用python快速实现不同机器间文件夹共享方式
2019/12/22 Python
Python下利用BeautifulSoup解析HTML的实现
2020/01/17 Python
浅谈python print(xx, flush = True) 全网最清晰的解释
2020/02/21 Python
python+selenium 简易地疫情信息自动打卡签到功能的实现代码
2020/08/22 Python
python 进程池pool使用详解
2020/10/15 Python
python二维图制作的实例代码
2020/12/03 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
python3定位并识别图片验证码实现自动登录功能
2021/01/29 Python
CSS3实现彩色进度条动画的示例
2020/10/29 HTML / CSS
英国户外装备和冒险服装零售商:alloutdoor
2018/01/30 全球购物
竞选部门副经理的自荐书范文
2014/02/11 职场文书
2014年残联工作总结
2014/11/21 职场文书
烈士陵园观后感
2015/06/08 职场文书
vue 实现上传组件
2021/05/31 Vue.js
JavaGUI模仿QQ聊天功能完整版
2021/07/04 Java/Android