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 相关文章推荐
接收键盘指令的脚本
Jun 26 Javascript
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
jquery里的each使用方法详解
Dec 22 Javascript
深入理解Javascript里的依赖注入
Mar 19 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
Jul 18 Javascript
jquery实用技巧之输入框提示语句
Jul 28 Javascript
JS实现的透明度渐变动画效果示例
Apr 28 Javascript
vue中添加与删除关键字搜索功能
Oct 12 Javascript
JavaScript编码小技巧分享
Sep 17 Javascript
vue router-link 默认a标签去除下划线的实现
Nov 06 Javascript
js观察者模式的弹幕案例
Nov 23 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
深入了解php4(1)--回到未来
2006/10/09 PHP
Firefox和IE浏览器兼容JS脚本写法小结
2008/07/07 Javascript
清空上传控件input file的值
2010/07/03 Javascript
某页码显示的helper 少量调整,另附js版
2010/09/12 Javascript
setTimeout和setInterval的区别你真的了解吗?
2011/03/31 Javascript
简单的jquery拖拽排序效果实现代码
2011/09/20 Javascript
更优雅的事件触发兼容
2011/10/24 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
2014/04/03 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
div实现自适应高度的textarea实现angular双向绑定
2017/01/08 Javascript
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
2017/03/23 jQuery
vue如何从接口请求数据
2017/06/22 Javascript
详谈js模块化规范
2017/07/07 Javascript
JS简单实现动态添加HTML标记的方法示例
2018/04/08 Javascript
layui从数据库中获取复选框的值并默认选中方法
2018/08/15 Javascript
vue项目中实现图片预览的公用组件功能
2018/10/26 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
2019/04/11 Javascript
layui type2 通过url给iframe子页面传值的例子
2019/09/06 Javascript
[01:21]2018DOTA2亚洲邀请赛4.5采访 打DOTA2也能有女朋友?
2018/04/06 DOTA
Python多层嵌套list的递归处理方法(推荐)
2016/06/08 Python
利用Python将时间或时间间隔转为ISO 8601格式方法示例
2017/09/05 Python
Python 单元测试(unittest)的使用小结
2018/11/14 Python
使用python判断jpeg图片的完整性实例
2019/06/10 Python
python 数据提取及拆分的实现代码
2019/08/26 Python
pytorch标签转onehot形式实例
2020/01/02 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
python 第三方库paramiko的常用方式
2021/02/20 Python
英国打印机墨水和碳粉商店:Printerinks
2017/06/30 全球购物
香港百佳网上超级市场:PARKNSHOP.com
2020/06/10 全球购物
DOM和JQuery对象有什么区别
2016/11/11 面试题
Java程序员综合测试题
2014/04/25 面试题
优秀医生事迹材料
2014/02/12 职场文书
董事长助理工作职责
2014/06/08 职场文书
2015年五四青年节活动总结
2015/02/10 职场文书
入党转正申请报告
2015/05/15 职场文书