js replace 全局替换的操作方法


Posted in Javascript onJune 12, 2018

js 的replace 默认替换只替换第一个匹配的字符,如果字符串有超过两个以上的对应字符就无法进行替换,这时候就要进行一点操作,进行全部替换。

<script language="javascript">
var strM = "这是要被替换的字符串啊啊!";
//在此我想将字母a替换成字母A
alert(strM.replace("啊","额"));
</script>

上面这段代码,只能替换第一个字符“啊”,第二个“啊”就无法替换,这样就没办法满足大多数使用js(replace)的需求

<script type="text/javascript" language="javascript">
var s = "这是要被替换的字符换啊啊!";
alert(s);
alert(s.replace(/啊/g, "额"));

这样,就可以实现整个字符串的替换。

我们这里用到了正则函数的/g全部的使用。这样就可以实现整个字符串的替换效果。

下面,我们大家可能还有个需求无法满足,那就是,我们替换定值可以使用这个,但是替换变量怎么使用?

接下来,就说一下替换变量的使用方式。

简单介绍一下eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。接下来主要靠这个函数。

<script>
var ch = "变量";
var reg = "/"+ch+"/g";
var str = "这是一个变量,这是一个变量";
var val = str.replace(eval(reg),"替换");
alert(val);
</script>

但是如果要替换的字符串中含有/符号时,上面的就不能用了,需要采取以下方法

<script>
var ch = "/";
var str = "这是一/个变量,这是一个变量";
var val = str .replace(new RegExp(ch,'g'),"b");
alert(val);
</script>

总结

以上所述是小编给大家介绍的js replace 全局替换的操作方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JQuery 常用方法和事件详细介绍
Apr 18 Javascript
JS实现网页滚动条感应鼠标变色的方法
Feb 26 Javascript
angular+webpack2实战例子
May 23 Javascript
webpack分离css单独打包的方法
Jun 12 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
Dec 25 Javascript
VUE组件中的 Drawer 抽屉实现代码
Aug 06 Javascript
通过原生vue添加滚动加载更多功能
Nov 21 Javascript
用VsCode编辑TypeScript的实现方法
May 07 Javascript
浅析JavaScript 函数防抖和节流
Jul 13 Javascript
jquery实现简单自动轮播图效果
Jul 29 jQuery
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
Jan 13 Vue.js
帮你提高开发效率的JavaScript20个技巧
Jun 18 Javascript
微信小程序自定义prompt组件步骤详解
Jun 12 #Javascript
js实现购物车功能
Jun 12 #Javascript
浅谈Node.js 中间件模式
Jun 12 #Javascript
浅谈Webpack打包优化技巧
Jun 12 #Javascript
关于TypeScript模块导入的那些事
Jun 12 #Javascript
JS实现前端页面的搜索功能
Jun 12 #Javascript
微信小程序实现弹出菜单功能
Jun 12 #Javascript
You might like
用PHP实现弹出消息提示框的两种方法
2013/12/17 PHP
用js实现计算代码行数的简单方法附代码
2007/08/13 Javascript
关于JavaScript的面向对象和继承有利新手学习
2013/01/11 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
2015/05/13 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
2016/05/31 Javascript
基于ajax与msmq技术的消息推送功能实现代码
2016/12/26 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
2017/03/16 Javascript
解决vue select当前value没有更新到vue对象属性的问题
2018/08/30 Javascript
vue头部导航动态点击处理方法
2018/11/02 Javascript
jQuery实现图片下载代码
2019/07/18 jQuery
vue-cli3 引入 font-awesome的操作
2020/08/11 Javascript
JS前端基于canvas给图片添加水印
2020/11/11 Javascript
[48:27]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
使用python统计文件行数示例分享
2014/02/21 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
Python中max函数用于二维列表的实例
2018/04/03 Python
python3 读写文件换行符的方法
2018/04/09 Python
详解PyCharm配置Anaconda的艰难心路历程
2018/08/13 Python
Django安装配置mysql的方法步骤
2018/10/15 Python
python爬虫实现中英翻译词典
2019/06/25 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
Python实现word2Vec model过程解析
2019/12/16 Python
Python 过滤错误log并导出的实例
2019/12/26 Python
Python 实现自动完成A4标签排版打印功能
2020/04/09 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
PyCharm 2020.2.2 x64 下载并安装的详细教程
2020/10/15 Python
WEB控件可以激发服务端事件,请谈谈服务端事件是怎么发生并解释其原理?自动传回是什么?为什么要使用自动传回?
2012/02/21 面试题
UNIX文件名称有什么规定
2013/03/25 面试题
财务会计专业求职信范文
2013/12/31 职场文书
小班幼儿评语大全
2014/04/30 职场文书
学校学习雷锋活动总结
2014/07/03 职场文书
学前班教学反思
2016/02/24 职场文书
2019年关于小学生课外阅读情况的分析报告
2019/12/02 职场文书
MySQL触发器的使用
2021/05/24 MySQL
简单介绍Python的第三方库yaml
2021/06/18 Python