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 相关文章推荐
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 Javascript
Javascript简单实现可拖动的div
Oct 22 Javascript
原生JavaScript实现合并多个数组示例
Sep 21 Javascript
jquery插件hiAlert实现网页对话框美化
May 03 Javascript
jQuery解析json格式数据简单实例
Jan 22 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
Apr 12 Javascript
JavaScript新增样式规则(推荐)
Jul 19 Javascript
表单元素值获取方式js及java方式的简单实例
Oct 15 Javascript
树结构之JavaScript
Jan 24 Javascript
layui弹出层效果实现代码
May 19 Javascript
JavaScript实现更换背景图片
Oct 18 Javascript
使用Vue Composition API写出清晰、可扩展的表单实现
Jun 10 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实现邮件发送并带有附件
2014/01/24 PHP
PHP curl模拟登录带验证码的网站
2015/11/30 PHP
ExtJS 简介 让你知道extjs是什么
2008/12/29 Javascript
JavaScript调用Activex控件的事件的实现方法
2010/04/11 Javascript
jQuery $.data()方法使用注意细节
2012/12/31 Javascript
jQuery中append()方法用法实例
2015/01/08 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
2015/03/21 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
HTML5实现留言和回复页面样式
2015/07/22 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
2015/10/29 Javascript
跟我学习javascript的执行上下文
2015/11/18 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
2016/02/27 Javascript
JS获取url参数、主域名的方法实例分析
2016/08/03 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
2016/09/06 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
详解开源的JavaScript插件化框架MinimaJS
2017/10/26 Javascript
JS实现网页抢购功能(触发,终止脚本)
2017/11/27 Javascript
jQuery 改变P标签文本值方法
2018/02/24 jQuery
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
2019/01/29 Javascript
Python设计模式之单例模式实例
2014/04/26 Python
零基础写python爬虫之使用Scrapy框架编写爬虫
2014/11/07 Python
pandas中apply和transform方法的性能比较及区别介绍
2018/10/30 Python
十分钟搞定pandas(入门教程)
2019/06/21 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
浅谈python3 构造函数和析构函数
2020/03/12 Python
魔幻般冒泡背景的CSS3按钮动画
2016/02/27 HTML / CSS
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
2016/08/25 HTML / CSS
利用html5 file api读取本地文件示例(如图片、PDF等)
2018/03/07 HTML / CSS
美国最大点评网站:Yelp
2018/02/14 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
敏捷开发的主要原则都有哪些
2015/04/26 面试题
先进集体获奖感言
2014/02/13 职场文书
民事诉讼代理授权委托书范本
2014/10/08 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
疾病证明书
2015/06/19 职场文书
Python 中random 库的详细使用
2021/06/03 Python