js replace 全局替换的操作方法

更新时间：2018年06月12日 17:08:52 作者：小倔驴

这篇文章主要介绍了js replace 全局替换的操作方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

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瀑布流式图片懒加载实例进行解析与优化，感兴趣的小伙伴们可以参考一下
2016-02-02
js+css实现select的美化效果
这篇文章主要为大家详细介绍了js+css实现select的美化效果，如何针对select进行美化，感兴趣的小伙伴们可以参考一下
2016-03-03
让浏览器非阻塞加载javascript的几种方法小结
通常大多数浏览器是并行下载资源的，但由于外部脚本的特殊性例如通过脚本改变文档的DOM结构、脚本之间的存在依赖关系、使用document.write 向页面输出HTML等。
2011-04-04
如何在JavaScript中比较日期详解
我们在日常开发过程中经常会用到JavaScript语言在前端代码中,进行日期的选择,下面这篇文章主要给大家介绍了关于如何在JavaScript中比较日期的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-11-11
微信小程序开发之麦克风动画帧动画放大淡出
本篇文章主要介绍了微信小程序开发之麦克风动画：帧动画、放大、淡出的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
2017-04-04
Webpack ECMAScript 模块详解
ECMAScript 模块（ESM）是在 Web 中使用模块的规范，所有现代浏览器均支持此功能，同时也是在 Web 中编写模块化代码的推荐方式，这篇文章主要介绍了Webpack ECMAScript 模块,需要的朋友可以参考下
2023-12-12
js实现点击获取验证码倒计时效果
这篇文章主要为大家详细介绍了js实现点击获取验证码倒计时效果，这种效果大家经常遇到，示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-10-10
Bootstrap按钮组实例详解
单个按钮在Web页面中的运用有时候并不能满足我们的业务需求，常常会看到将多个按钮组合在一起使用，比如富文本编辑器里的一组小图标按钮等。本文将详细介绍Bootstrap按钮组，感兴趣的朋友一起看看吧
2017-07-07
JS保存、读取、换行、转Json报错处理方法
JS保存、读取换行转Json报错异常信息：Unexpected token ILLEGAL，具体解决方法如下，感性的朋友可以参考下哈
2013-06-06
js中的触发事件对象event.srcElement与event.target详解
这篇文章主要给大家介绍了js中的触发事件对象event.srcElement与event.target的相关资料，文中介绍的非常详细，对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
2017-03-03