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 相关文章推荐
在Ajax中使用Flash实现跨域数据读取的实现方法
Dec 02 Javascript
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
Sep 22 Javascript
JavaScript var声明变量背后的原理示例解析
Oct 12 Javascript
javascript将数字转换整数金额大写的方法
Jan 27 Javascript
JavaScript判断按钮被点击的方法
Dec 13 Javascript
原生JS实现左右箭头选择日期实例代码
Mar 14 Javascript
JavaScript实现分页效果
Mar 28 Javascript
利用Vue.js实现求职在线之职位查询功能
Jul 03 Javascript
在Vue中如何使用Cookie操作实例
Jul 27 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
Sep 11 Javascript
Vue+Django项目部署详解
May 30 Javascript
VUE实现自身整体组件销毁的示例代码
Jan 13 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
CI框架在CLI下执行占用内存过大问题的解决方法
2014/06/17 PHP
摘自织梦CMS中的图片处理类
2015/08/08 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
ThinkPHP实现分页功能
2017/04/28 PHP
php中时间函数date及常用的时间计算
2017/05/12 PHP
javascript 冒号 使用说明
2009/06/06 Javascript
面向对象的javascript(笔记)
2009/10/06 Javascript
新手常遇到的一些jquery问题整理
2010/08/16 Javascript
JavaScript函数的4种调用方法详解
2014/04/22 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
2016/04/26 Javascript
AngulerJS学习之按需动态加载文件
2017/02/13 Javascript
Vue.js手风琴菜单组件开发实例
2017/05/16 Javascript
vue2中使用less简易教程
2018/03/27 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
python连接MySQL、MongoDB、Redis、memcache等数据库的方法
2013/11/15 Python
Python创建文件和追加文件内容实例
2014/10/21 Python
python通过exifread模块获得图片exif信息的方法
2015/03/16 Python
Django自定义过滤器定义与用法示例
2018/03/22 Python
对Python3中的print函数以及与python2的对比分析
2018/05/02 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
Python3获取电脑IP、主机名、Mac地址的方法示例
2019/04/11 Python
Python3.5 Pandas模块之Series用法实例分析
2019/04/23 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
Python远程方法调用实现过程解析
2020/07/28 Python
python中使用.py配置文件的方法详解
2020/11/23 Python
红色康乃馨酒店:Red Carnation Hotels
2017/06/22 全球购物
英国领先的在线鱼贩:The Fish Society
2020/08/12 全球购物
你所知道的集合类都有哪些?主要方法?
2012/12/31 面试题
ShellScript面试题一则-ShellScript编程
2014/03/05 面试题
正规的求职信范文分享
2013/12/11 职场文书
服装厂厂长岗位职责
2013/12/27 职场文书
动员大会主持词
2014/03/20 职场文书
荷叶母亲教学反思
2014/04/30 职场文书
医生党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书
商业计划书格式、范文
2019/03/21 职场文书