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 全局替换的操作方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 第七章之菜单按钮图标组件

    第七章之菜单按钮图标组件

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。这篇文章主要介绍BootStrap组件之菜单按钮图标组件的相关资料,需要的朋友可以参考下
    2016-04-04
  • JavaScript中 DOM操作方法小结

    JavaScript中 DOM操作方法小结

    本篇文章主要介绍了JavaScript中 DOM操作方法小结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • js实现显示当前状态的导航效果代码

    js实现显示当前状态的导航效果代码

    这篇文章主要介绍了js实现显示当前状态的导航效果代码,涉及javascript通过鼠标点击事件动态改变页面元素属性的相关实现技巧,需要的朋友可以参考下
    2015-08-08
  • event.currentTarget与event.target的区别介绍

    event.currentTarget与event.target的区别介绍

    event.currentTarget与event.target的区别想大家在使用的时候不是很在意,本文以测试代码来讲解它门之间的不同
    2012-12-12
  • Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本

    Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本

    Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本...
    2006-09-09
  • 详解ajax、fetch、axios的区别

    详解ajax、fetch、axios的区别

    本文主要介绍了详解ajax、fetch、axios的区别,众所周知它们都用来发送请求,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-01-01
  • JavaScript适配器模式的应用详解

    JavaScript适配器模式的应用详解

    这篇文章主要介绍了理解JavaScript中的适配器模式,适配器模式即Adapter Pattern,是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式,下文更多相关介绍需要的小伙伴可以参考一下
    2022-08-08
  • js下为表格内部动态添加行的代码

    js下为表格内部动态添加行的代码

    最近的一个项目中在保存表单数据时,要用到一个动态添加行的功能。平时动态添加行只是在表格的最下面添加,现在在表格中间动态添加行,而且表格内部是包含并且单元格的,其实很简单,下面贴出代码。
    2010-06-06
  • JS模板编译的实现详情

    JS模板编译的实现详情

    这篇文章主要介绍了JS模板编译的实现详情,编译是一种格式变成另一种格式的过程。编译会导致好的结果,比如书写简单的代码,编译出来复杂的代码;或者提高代码的使用性能
    2022-07-07
  • js 字符串转化成数字的代码

    js 字符串转化成数字的代码

    js 字符串转化成数字的代码,需要的朋友可以参考下。
    2011-06-06

最新评论