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实现的类似百度搜索的输入框自动完成功能
Aug 23 Javascript
javascript实现表单验证
Jan 29 Javascript
详解js实现线段交点的三种算法
Aug 09 Javascript
微信小程序 登录实例详解
Jan 16 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
Mar 23 Javascript
Bootstrap常用组件学习(整理)
Mar 24 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
Jun 19 Javascript
原生JS上传大文件显示进度条 php上传文件代码
Mar 27 Javascript
如何在Vue.js中实现标签页组件详解
Jan 02 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
Aug 20 Javascript
Javascript模块化机制实现原理详解
Apr 02 Javascript
react中的DOM操作实现
Jun 30 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设计模式 注册表模式
2012/02/05 PHP
探讨:web上存漏洞及原理分析、防范方法
2013/06/29 PHP
浅析php创建者模式
2014/11/25 PHP
解决laravel中日志权限莫名变成了root的问题
2019/10/17 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
JavaScript 模拟用户单击事件
2009/12/31 Javascript
Ext中下拉列表ComboBox组件store数据格式用法介绍
2013/07/15 Javascript
JS图像无缝滚动脚本非常好用
2014/02/10 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
js实现数字每三位加逗号的方法
2015/02/05 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
Angular和百度地图的结合实例代码
2016/10/19 Javascript
AngularJS Toaster使用详解
2017/02/24 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
react-native ListView下拉刷新上拉加载实现代码
2017/08/03 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
2017/09/19 Javascript
three.js中文文档学习之如何本地运行详解
2017/11/20 Javascript
vue自定义全局组件(自定义插件)的用法
2018/01/30 Javascript
vue组件从开发到发布的实现步骤
2018/11/11 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
使用React代码动态生成栅格布局的方法
2020/05/24 Javascript
[54:54]Newbee vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python实现的文本对比报告生成工具示例
2018/05/22 Python
Python使用装饰器模拟用户登陆验证功能示例
2018/08/24 Python
python得到电脑的开机时间方法
2018/10/15 Python
python线程中的同步问题及解决方法
2019/08/29 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
pycharm 对代码做静态检查操作
2020/06/09 Python
一文读懂Python 枚举
2020/08/25 Python
css3中仿放大镜效果的几种方式原理解析
2020/12/03 HTML / CSS
美国内衣第一品牌:Hanes(恒适)
2016/07/29 全球购物
澳大利亚冒险体验:Adrenaline(跳伞、V8赛车、热气球等)
2017/09/18 全球购物
中国跨境在线时尚零售商:Bellelily
2018/04/06 全球购物
生物技术专业研究生自荐信
2013/09/22 职场文书
高中军训感言200字
2014/02/23 职场文书
入党积极分子党小组意见
2015/06/02 职场文书