JS中的Replace方法使用经验分享

 更新时间:2015年05月20日 09:39:51   投稿:hebedich  
本文给大家分享的是我们在使用javascript中的replace方法的时候需要注意的一个事项,我就是没有注意到,才被这个bug烦了好久,这里记录下来,有需要的小伙伴可以参考下。

最近查一个bug,原因是JS中的Replace方法造成的,当将一个字符串中有处需要替换时,一般会用到JS中的Replace方法,Replace方法的第一个参数如果是传的字符串,只会替换第一处。代码如下:

复制代码 代码如下:

var str = "0CEA65D5-DB8E-4876-A6F8-C88AC7F0E185,E846C244-8A19-4374-879B-0B1DC08D1747,6CB3EBA4-1E22-4E4D-8800-AE31130B6F5D";
alert(str.replace(",","','"));

上面的代码本意是将用逗号隔开的GUID的逗号替换成',',但实际结果只将第一个逗号替换了。 

解决这个问题只需将replace的第一个参数使用正则的方式即可,代码如下:

复制代码 代码如下:

var reg = new RegExp(",","g");
var str = "0CEA65D5-DB8E-4876-A6F8-C88AC7F0E185,E846C244-8A19-4374-879B-0B1DC08D1747,6CB3EBA4-1E22-4E4D-8800-AE31130B6F5D";
alert(str.replace(reg,"','"));

结果如下:

以上所述就是文本的全部内容了,希望对大家学习javascript能够有所帮助。

相关文章

  • JS实现购物车基本功能

    JS实现购物车基本功能

    这篇文章主要为大家详细介绍了JS实现购物车基本功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JS简单实现查看文档创建日期、修改日期和文档大小的方法示例

    JS简单实现查看文档创建日期、修改日期和文档大小的方法示例

    这篇文章主要介绍了JS简单实现查看文档创建日期、修改日期和文档大小的方法,结合实例形式分析了JavaScript使用fileCreatedDate属性、fileModifiedDate属性、lastModified属性和fileSize属性相关操作技巧,需要的朋友可以参考下
    2018-04-04
  • 如何利用Proxy更优雅地处理异常详解

    如何利用Proxy更优雅地处理异常详解

    这篇文章主要给大家介绍了关于如何利用Proxy更优雅地处理异常的相关资料,文中通过实例代码以及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-03-03
  • JS堆栈内存的运行机制详解

    JS堆栈内存的运行机制详解

    栈内存主要用于存储各种基本类型的变量,包括Boolean、Number、String、Undefined、Null,以及对象变量的指针(地址值),这篇文章主要介绍了JS堆栈内存的运行机制,需要的朋友可以参考下
    2022-06-06
  • JavaScript中数字计算时丢失精度问题解决方法

    JavaScript中数字计算时丢失精度问题解决方法

    在前端开发中,精度丢失是一个常见的问题,特别是在涉及到浮点数计算时,下面这篇文章主要给大家介绍了关于JavaScript中数字计算时丢失精度问题的解决方法,需要的朋友可以参考下
    2024-09-09
  • JS本地刷新返回上一页代码

    JS本地刷新返回上一页代码

    返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项,这篇文章主要介绍了JS本地刷新返回上一页代码,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • javascript针对cookie的基本操作实例详解

    javascript针对cookie的基本操作实例详解

    这篇文章主要介绍了javascript针对cookie的基本操作,结合实例形式较为详细的分析了JavaScript操作cookie的基本技巧,并给出了一个JavaScript操作cookie的完整类,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • ES6中Set与WeakSet集合的深入讲解

    ES6中Set与WeakSet集合的深入讲解

    这篇文章主要给大家介绍了关于ES6中Set与WeakSet集合的相关资料,Set是ES6给开发者带来的一种新的数据结构,你可以理解为值的集合,WeakSet结构同样不会存储重复的值,但它的成员必须是对象类型的值,需要的朋友可以参考下
    2021-07-07
  • js实现兼容性好的微软官网导航下拉菜单效果

    js实现兼容性好的微软官网导航下拉菜单效果

    这篇文章主要介绍了js实现兼容性好的微软官网导航下拉菜单效果,涉及JavaScript基于鼠标事件实现页面样式变换的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-09-09
  • js取得当前网址

    js取得当前网址

    用js获取当前网页的网址,平时一直用location.href;下一篇我会把document.url和location.href对比一下
    2008-05-05

最新评论