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 相关文章推荐
Prototype 学习 Prototype对象
Jul 12 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
Aug 25 Javascript
跟我学习javascript的undefined与null
Nov 17 Javascript
JavaScript转换与解析JSON方法实例详解
Nov 24 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
Bootstrap实现input控件失去焦点时验证
Aug 04 Javascript
Vue.js路由vue-router使用方法详解
Mar 20 Javascript
javascript基本常用排序算法解析
Sep 27 Javascript
基于Node.js实现压缩和解压缩的方法
Feb 13 Javascript
vue之将echart封装为组件
Jun 02 Javascript
vue-form表单验证是否为空值的实例详解
Oct 29 Javascript
Vue将props值实时传递 并可修改的操作
Aug 09 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下通过系统信号量加锁方式获取递增序列ID
2009/09/25 PHP
PHP 分页原理分析,大家可以看看
2009/12/21 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(八)
2014/06/23 PHP
PHP抓取远程图片(含不带后缀的)教程详解
2016/10/21 PHP
PHP反射学习入门示例
2019/06/14 PHP
javascript折半查找详解
2015/01/26 Javascript
js限制文本框只能输入整数或者带小数点的数字
2015/04/27 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
JS实现页面跳转参数不丢失的方法
2016/11/28 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
微信小程序异步处理详解
2017/11/10 Javascript
webpack搭建vue 项目的步骤
2017/12/27 Javascript
基于jquery.page.js实现分页效果
2018/01/01 jQuery
vue的diff算法知识点总结
2018/03/29 Javascript
vue动态删除从数据库倒入列表的某一条方法
2018/09/29 Javascript
使用Vue Composition API写出清晰、可扩展的表单实现
2020/06/10 Javascript
[02:02]特效爆炸!DOTA2珍宝之瓶待你开启
2018/08/21 DOTA
简单谈谈python的反射机制
2016/06/28 Python
Python基于列表list实现的CRUD操作功能示例
2018/01/05 Python
详解pytorch 0.4.0迁移指南
2019/06/16 Python
python导入pandas具体步骤方法
2019/06/23 Python
Python实现EXCEL表格的排序功能示例
2019/06/25 Python
Python 实现数据结构-循环队列的操作方法
2019/07/17 Python
Django Channel实时推送与聊天的示例代码
2020/04/30 Python
HTML5应用之文件上传
2016/12/30 HTML / CSS
英国体育器材进口商店:UK Sport Imports
2017/03/14 全球购物
泰坦健身器材:Titan Fitness
2018/02/13 全球购物
Java程序开发中如何应用线程
2016/03/03 面试题
幼师自荐信范文
2013/10/06 职场文书
信息与计算科学专业推荐信
2014/02/23 职场文书
2015年党风廉政建设责任书
2015/01/29 职场文书
农村婚礼司仪主持词
2015/06/29 职场文书
赡养老人协议书范本
2015/08/06 职场文书
小学数学国培研修日志
2015/11/13 职场文书
CSS3实现的水平标题菜单
2021/04/14 HTML / CSS
Python find()、rfind()方法及作用
2022/12/24 Python