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 相关文章推荐
javascript instanceof 内部机制探析
Oct 15 Javascript
jQuery.buildFragment使用方法及思路分析
Jan 07 Javascript
JavaScript中创建类/对象的几种方法总结
Nov 29 Javascript
jquery实现手机发送验证码的倒计时代码
Feb 12 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
Jul 12 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
JS实现的集合去重,交集,并集,差集功能示例
Mar 13 Javascript
Node.js利用console输出日志文件的方法示例
Apr 27 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
微信小程序之左右布局的实现代码
Dec 13 Javascript
详解javascript中var与ES6规范中let、const区别与用法
Jan 11 Javascript
JS实现鼠标移动拖尾
Dec 27 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中的实现trim函数代码
2007/03/19 PHP
PHP+MYSQL会员系统的登陆即权限判断实现代码
2011/09/23 PHP
thinkphp实现图片上传功能分享
2014/03/04 PHP
crontab无法执行php的解决方法
2016/01/25 PHP
PHP实现的权重算法示例【可用于游戏根据权限来随机物品】
2019/02/15 PHP
javascript 二维数组的实现与应用
2010/03/16 Javascript
jquery星级插件、支持页面中多次使用
2012/03/25 Javascript
js confirm()方法的使用方法实例
2013/07/13 Javascript
jquery序列化表单去除指定元素示例代码
2014/04/10 Javascript
jQuery $.extend()用法总结
2014/06/15 Javascript
简单易用的倒计时js代码
2014/08/04 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
2015/08/10 Javascript
基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用
2016/05/12 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
2016/11/24 Javascript
javaScript+turn.js实现图书翻页效果实例代码
2017/02/16 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
2017/03/24 Javascript
JS操作字符串转数字的常见方法示例
2019/10/29 Javascript
vue图片上传组件使用详解
2019/12/23 Javascript
[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀
2014/07/10 DOTA
[46:16]2018DOTA2亚洲邀请赛3月30日 小组赛B组 iG VS VP
2018/03/31 DOTA
[43:47]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第一场 12.09
2020/12/11 DOTA
Python复数属性和方法运算操作示例
2017/07/21 Python
python脚本作为Windows服务启动代码详解
2018/02/11 Python
python3之模块psutil系统性能信息使用
2018/05/30 Python
Python安装依赖(包)模块方法详解
2020/02/14 Python
Python中内建模块collections如何使用
2020/05/27 Python
CSS3中的元素过渡属性transition示例详解
2016/11/30 HTML / CSS
HTML5实现音频和视频嵌入的方法
2018/08/22 HTML / CSS
移动通信专业自荐信范文
2013/11/12 职场文书
财务出纳员岗位职责
2013/11/26 职场文书
好家长事迹材料
2014/01/23 职场文书
说好普通话圆梦你我他演讲稿
2014/09/21 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
导游词之江南周庄
2019/12/06 职场文书
详解Vue的列表渲染
2021/11/20 Vue.js
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android