JS的replace方法介绍

该函数的第一个参数是匹配模式的字符串。接下来的参数 是与模式中的子表达式匹配的字符串，可以有 0 个或多个这样的参数。接下来的参数是一个整数，声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。
下文展示了几种javascript正则表示式的repalce方式，有些方式我们很少在别的地方看到，如第二种和第三方中方法。


代码如下:

//下面的例子用来获取url的两个参数，并返回urlRewrite之前的真实Url
var reg=new RegExp("(http://www.jb51.net/BookReader/)(\\d+),(\\d+).aspx","gmi");
var url="http://www.jb51.net/BookReader/1017141,20361055.aspx";
//方式一,最简单常用的方式
var rep=url.replace(reg,"$1ShowBook.aspx?bookId=$2&chapterId=$3");
alert(rep);
//方式二 ,采用固定参数的回调函数
var rep2=url.replace(reg,function(m,p1,p2,p3){return p1+"ShowBook.aspx?bookId="+p3+"&chapterId="+p3});
alert(rep2);
//方式三，采用非固定参数的回调函数
var rep3=url.replace(reg,function(){var args=arguments; return args[1]+"ShowBook.aspx?bookId="+args[2]+"&chapterId="+args[3];});
alert(rep3);
//方法四
//方式四和方法三很类似, 除了返回替换后的字符串外，还可以单独获取参数
var bookId;
var chapterId;
function capText()
{
var args=arguments;
bookId=args[2];
chapterId=args[3];
return args[1]+"ShowBook.aspx?bookId="+args[2]+"&chapterId="+args[3];
}
var rep4=url.replace(reg,capText);
alert(rep4);
alert(bookId);
alert(chapterId);
//除了使用replace方法获取正则表示式的分组外，还可以使用test ,exec方法获取分组，只是手法有所不同而已
var reg2=new RegExp("(http://www.jb51.net/BookReader/)(\\d+),(\\d+).aspx","gmi");
var m=reg2.exec("http://www.jb51.net/BookReader/1017141,20361055.aspx");
var s="";
//获取所有的分组
for (i = 0; i < m.length; i++) {
s = s + m[i] + "\n";
}
alert(s);
bookId=m[2];
chapterId=m[3];
alert(bookId);
alert(chapterId);
//使用test方法获取分组
var reg3=new RegExp("(http://www.jb51.net/BookReader/)(\\d+),(\\d+).aspx","gmi");
reg3.test("http://www.jb51.net/BookReader/1017141,20361055.aspx");
//获取三个分组
alert(RegExp.$1);
alert(RegExp.$2);
alert(RegExp.$3);
var str="www.baidu.com";
//str.format("好","q")
str.replace(new RegExp("(\\.)(bai)du","g"),function(){
for(var i=0;i<arguments.length;i++)
{
document.write(arguments[i]+"<br/>");
}
document.write("-------------------------------------------------<br/>");
});
两个例子(证明，replace传入正则参数和字符传参数结果不同)：
alert("123".replace("1",function(){var un;return un;})); //弹出undefined23
alert("123".replace(new RegExp("1"),function(){var un;return un;})); //弹出23

赞 (0)

相关推荐

  • javascript replace方法与正则表达式

    作者: hezhiwu5@163.com  <script language="javascript"> var stringObj="终古人民共和国,终古人民"; //替换错别字"终古"为"中国" //并返回替换后的新字符 //原字符串stringObj的值没有改变 var newstr=stringObj.replace("终古","中国");  alert(newstr

  • js中的replace方法使用介绍

    replace() 方法用于将字符串用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串. 需要注意的是:如果用正则表达式替换时, regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串.否则,它只替换第一个匹配子串. 下面介绍个简单的实例: 复制代码 代码如下: <script language="javascript"> var strM = "javascript is a good script language"

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

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

  • Js 回车换行处理的办法及replace方法应用

    当我们在文本框里输入文字敲下回车后,希望在提交后网页也显示是换行的效果,这时我们需要把提交的内容做下处理 才可以达到效果. 1.定义js原生的替换函数.js里没有replaceAll的函数,需要我们自定义 复制代码 代码如下: String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); } 2.使用js的replace进行处理 复制代码 代码如下: str=str

  • JavaScript 中的replace方法说明

    第一次发现JavaScript中replace() 方法如果直接用str.replace("-","!") 只会替换第一个匹配的字符. 而str.replace(/\-/g,"!")则可以替换掉全部匹配的字符(g为全局标志). replace() The replace() method returns the string that results when you replace text matching its first argumen

  • JS的replace方法

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

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

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

    最近查一个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方法与正则表达式结合应用讲解

    复制代码 代码如下: <script language="javascript">  var stringObj="终古人民共和国,终古人民"; //替换错别字"终古"为"中国"  //并返回替换后的新字符  //原字符串stringObj的值没有改变  var newstr=stringObj.replace("终古","中国");   alert(newstr);  &l

  • JS的replace方法详细介绍

    replace() 方法的参数 replacement 可以是函数而不是字符串.在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用.该函数的第一个参数是匹配模式的字符串.接下来的参数 是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数.接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置.最后一个参数是 stringObject 本身. 下文展示了几种javascript正则表示式的repalce方式,有些方式我们很少在别的地方看到,如第二

  • JS的replace方法介绍

    该函数的第一个参数是匹配模式的字符串.接下来的参数 是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数.接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置.最后一个参数是 stringObject 本身. 下文展示了几种javascript正则表示式的repalce方式,有些方式我们很少在别的地方看到,如第二种和第三方中方法. 复制代码 代码如下: //下面的例子用来获取url的两个参数,并返回urlRewrite之前的真实Url var reg=new

  • JS使用replace()方法和正则表达式进行字符串的搜索与替换实例

    1.JS字符串的替换及replace()方法的使用 replace(regexp,replacement)方法有两个参数,第一参数可以是一个纯文本字符串或是一个RegExp对象,具体请看RegExp对象的使用:第二个参数可是一个字符串也可以是一个函数. 以下是JS字符串替换的举例: 例1: 复制代码 代码如下: var str="Hello world!";document.write(str.replace(/world/, "phper")); 例2: 复制代码

  • 使用js的replace()方法查找字符示例代码

    通常用于文本输入框的一种功能是替换指定的字符.JavaScript具有一个非常有用的方法replace(),可以用它利用备选字符集途欢指定的字符. replace()方法允许指定希望替换的字符或字符集,方式是利用字符串或者正则表达式:这是该方法的第一个实参.第二个实参是谢昂替换为的字符.第二个实参通常只是一个替换字符串(替换字符集),但他可以是用于确定替换字符串应当是什么的函数--如果是函数,则返回值应当用做俄日替换字符串.隐藏replace()方法的语法可以是如下任意一种: 复制代码 代码如下

  • Vue框架中正确引入JS库的方法介绍

    本文主要给大家介绍的是关于在Vue框架中正确引入JS库的相关内容,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍: 错误示范 全局变量法 最不靠谱的方式就是将导入的库挂在全部变量window 对象下: // entry.js: window._ = require('lodash'); // MyComponent.vue: export default { created() { console.log(_.isEmpty() ? 'Lodash everywhere!' : 'U

  • js异常捕获方法介绍

    复制代码 代码如下: <script type="text/javascript"> try{ ...some code... }catch(e){ ...some code... //处理错误 throw(e.name); //抛出异常 }finally{<BR> // 完成后执行的语句块,非必须<BR>} </script> javascript Error 对象: name: 错误名称number: 错误号description:

  • JS Replace()的高级使用方法介绍

    在很多项目中,我们经常需要使用JS,在页面前面对前台的某些元素做做修改,js 的replace()方法就必不可少. 经常使用"ABCABCabc".replace("A","B")的同学应该会比较清楚,改语句的最终结果是BBCABC,这种方法只能替换 第一个匹配的元素.如果替换所有呢?使用正则表达式即可: "ABCABCabc".replace(/A/g,"B") 即可.那如果想替换A的同时也可以替换a呢?

  • 使用JS中的Replace()方法遇到的问题小结

    今天在写pc客户端自动化打包脚本的时候遇到遇到了几个问题,虽然是小问题,但是也卡了一段时间,所以决定记录一下. js的replace()方法是用于替换某些内容,它可以接收两个参数,第一个是一个被替换的正则表达式对象或者一个字符串,第二个可以是将要替换成的内容或者函数,将要替换成的内容须是一个字符串.我在执行的时候遇到的报错是:Cannot read property 'replace' of undefined.具体代码如下: var fs=require("fs") var info

随机推荐