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

相关文章

  • jsTree事件和交互以及插件plugins详解

    jsTree事件和交互以及插件plugins详解

    这篇文章主要为大家详细介绍了jsTree事件和交互以及插件plugins的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • 关于删除时的提示处理(确定删除吗)

    关于删除时的提示处理(确定删除吗)

    在删除时为了提醒用户删除数据的不可恢复一般都会有提示处理的,通常会使用js做到这一点,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-11-11
  • javascript脚本调试方法小结

    javascript脚本调试方法小结

    相信大家试过编写javascript脚本时发生这样或那样的错误,但是js并没有很好的调试方法,在这里介绍两个方法。
    2008-11-11
  • 关于JavaScript中异步/等待的用法与理解

    关于JavaScript中异步/等待的用法与理解

    这篇文章主要给大家介绍了关于JavaScript中异步/等待的用法与理解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • js实现页面图片消除效果

    js实现页面图片消除效果

    这篇文章主要为大家详细介绍了js实现页面图片消除效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • js面向对象方式实现拖拽效果

    js面向对象方式实现拖拽效果

    这篇文章主要为大家详细介绍了js面向对象方式实现拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • 微信小程序子组件向父组件传值的两种方法

    微信小程序子组件向父组件传值的两种方法

    本文介绍了微信小程序中子组件向父组件传值的两种方法,这两种方法都能有效地实现子组件向父组件的数据传递,对于开发微信小程序的开发者来说,掌握这些技巧非常重要,感兴趣的朋友跟随小编一起看看吧
    2024-09-09
  • 修复IE9&safari 的sort方法

    修复IE9&safari 的sort方法

    解决方案其实就是冒泡排序的一个包装,本补丁不修复各浏览的排序算法不一致的问题
    2011-10-10
  • JavaScript中创建原子的方法总结

    JavaScript中创建原子的方法总结

    这篇文章主要给大家总结介绍了关于JavaScript中创建原子的方法,文中通过示例代码介绍的非常详细,对大家的学习或工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-08-08
  • javascript贪吃蛇游戏设计与实现

    javascript贪吃蛇游戏设计与实现

    这篇文章主要为大家详细介绍了javascript贪吃蛇游戏设计与实现,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09

最新评论