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的插件教程(Plugin)
Sep 03 Javascript
js动态创建、删除表格示例代码
Aug 07 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
Sep 06 Javascript
javascript修改表格背景色实例代码分享
Dec 10 Javascript
JS的document.all函数使用示例
Dec 30 Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 Javascript
AngularJS 基础ng-class-even指令用法
Aug 01 Javascript
详解Vue2.x-directive的学习笔记
Jul 17 Javascript
JavaScript实现封闭区域布尔运算的示例代码
Jun 25 Javascript
Vue 动态添加路由及生成菜单的方法示例
Jun 20 Javascript
微信小程序开发常见问题及解决方案
Jul 11 Javascript
原生Vue 实现右键菜单组件功能
Dec 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
PHP高级对象构建 多个构造函数的使用
2012/02/05 PHP
PHP表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
2013/01/06 PHP
yii框架builder、update、delete使用方法
2014/04/30 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
PHP Web木马扫描器代码分享
2015/09/06 PHP
YII2 实现多语言配置的方法分享
2017/01/11 PHP
新手常遇到的一些jquery问题整理
2010/08/16 Javascript
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
javascript删除数组元素并且数组长度减小的简单实例
2014/02/14 Javascript
常用javascript表单验证汇总
2020/07/20 Javascript
浅谈Javascript中的函数、this以及原型
2016/10/09 Javascript
js监听input输入框值的实时变化实例
2017/01/26 Javascript
js 作用域和变量详解
2017/02/16 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
微信小程序滚动Tab实现左右可滑动切换
2017/08/17 Javascript
解决IE7中使用jQuery动态操作name问题
2017/08/28 jQuery
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
回顾Javascript React基础
2019/06/15 Javascript
解决vue页面渲染但dom没渲染的操作
2020/07/27 Javascript
js实现验证码干扰(动态)
2021/02/23 Javascript
python开发之thread线程基础实例入门
2015/11/11 Python
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
解决Python2.7读写文件中的中文乱码问题
2018/04/12 Python
Python安装与基本数据类型教程详解
2019/05/29 Python
python如何支持并发方法详解
2020/07/25 Python
python 实现端口扫描工具
2020/12/18 Python
玩具反斗城美国官网:Toys"R"Us
2016/09/17 全球购物
外企财务年会演讲稿
2014/01/03 职场文书
《记承天寺夜游》教学反思
2014/02/16 职场文书
公关活动策划方案
2014/05/25 职场文书
失职检讨书大全
2015/01/26 职场文书
敬老院志愿者活动总结
2015/05/06 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS
如何使用pdb进行Python调试
2021/06/30 Python
python运行脚本文件的三种方法实例
2022/06/25 Python