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

   本文给大家分享的是我们在使用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能够有所帮助。

时间: 2024-10-31 05:36:05

JS中的Replace方法使用经验分享的相关文章

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

最近查一个bug,原因是JS中的Replace方法造成的,当将一个字符串中有处需要替换时,一般会用到JS中的Replace方法,Replace方法的第一个参数如果是传的字符串,只会替换第一处.代码如下: 复制代码 代码如下: var str = "0CEA65D5-DB8E-4876-A6F8-C88AC7F0E185,E846C244-8A19-4374-879B-0B1DC08D1747,6CB3EBA4-1E22-4E4D-8800-AE31130B6F5D"; alert(st

js中使用replace方法完成某个字符的转换_javascript技巧

复制代码 代码如下: var str = "国字[1990]12号"; 如何把变量中的"["和"]"的前面加上反斜杠, 就是要替换成这样:str = "国字\[1990\]12号"; 复制代码 代码如下: <script language="javascript" type="text/javascript"> var str = "国字[1990]12号"

详解JavaScript 中的 replace 方法_javascript技巧

定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串. stringObject.replace(regexp/substr,replacement) 参数 描述 regexp/substr 必需.规定子字符串或要替换的模式的 RegExp 对象. 请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象. replacement 必需.一个字符串值.规定了替换文本或生成替换文本的函数. 返回值

JavaScript中的replace()方法使用详解

  这篇文章主要介绍了JavaScript中的replace()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下 该方法找到一个正则表达式的字符串之间的匹配,并取代了匹配的子带的新的子串. 替换字符串可以包含以下特殊替换模式: 语法 ? 1 string.replace(regexp/substr, newSubStr/function[, flags]); 下面是参数的详细信息: regexp : 一个RegExp对象.匹配被替换参数的返回#2. substr : 一个字符串,由

浅谈JS中的bind方法与函数柯里化_javascript技巧

绑定函数bind()最简单的用法是创建一个函数,使这个函数不论怎么调用都有同样的this值.不同于call和apply只是单纯地设置this的值后传参,它还会将所有传入bind()方法中的实参(第一个参数之后的参数)与this一起绑定. 关于这个特性看<JS权威指南>原文的例子: var sum = function(x,y) { return x + y }; var succ = sum.bind(null, 1); //让this指向null,其后的实参也会作为实参传入被绑定的函数sum

js中widow.open()方法使用详解

本文为大家详细介绍下js中widow.open()方法的各项参数及使用示例,有想学习的朋友可不要错过了,希望对大家有所帮助   一.window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本语法: window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三.示例: 复制代码 代码如下:

javascript-在同一个页面 js中两个方法传值

问题描述 在同一个页面 js中两个方法传值 js方法A()是接收webbrowser传来的值 而方法B()是去获取 方法A()传来的值如何实现? 如何实现?尽量写出具体代码! 解决方案 不知道我的理解是否正确,希望能帮到你 var val; //定义一个公共变量 function A(var_fromweb){ val = var_fromweb; //把方法A想要传出的值赋给 val } function B(){ //这里就可以直接使用val了 } 解决方案二: function getVa

JS中通过call方法实现继承

原文:JS中通过call方法实现继承   讲解都写在注释里面了,有不对的地方请拍砖,谢谢!   <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS通过call方法实现继承</title> </head> <body> <script type="text/javascript"> /* js中的继承有多种实现方式,

JS中的异常处理方法分享

我们在编写js过程中,难免会遇到一些代码错误问题,需要找出来,有些时候怕因为js问题导致用户体验差,这里给出一些解决方法 js容错语句,就是js出错也不提示错误(防止浏览器右下角有个黄色的三角符号,要不用户体验不好)    代码如下: window.onerror=function(){return true;}        下面是为了获取js异常信息,方便开发者找回问题   1,try...catch...   代码如下: <script type="text/javascript&q