• JS的replace方法【转】


    replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数 是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。

    下文展示了几种javascript正则表示式的repalce方式,有些方式我们很少在别的地方看到,如第二种和第三方中方法。

     1 //下面的例子用来获取url的两个参数,并返回urlRewrite之前的真实Url
     2 var reg=new RegExp("(http://www.qidian.com/BookReader/)(\d+),(\d+).aspx","gmi");
     3 var url="http://www.qidian.com/BookReader/1017141,20361055.aspx";
     4 
     5 //方式一,最简单常用的方式
     6 var rep=url.replace(reg,"$1ShowBook.aspx?bookId=$2&chapterId=$3");
     7 alert(rep);
     8 
     9 //方式二 ,采用固定参数的回调函数
    10 var rep2=url.replace(reg,function(m,p1,p2,p3){return p1+"ShowBook.aspx?bookId="+p3+"&chapterId="+p3});
    11 alert(rep2);
    12 
    13 //方式三,采用非固定参数的回调函数
    14 var rep3=url.replace(reg,function(){var args=arguments; return args[1]+"ShowBook.aspx?bookId="+args[2]+"&chapterId="+args[3];});
    15 alert(rep3);
    16 
    17 
    18 //方法四
    19 //方式四和方法三很类似, 除了返回替换后的字符串外,还可以单独获取参数
    20 var bookId;
    21 var chapterId;
    22 function capText()
    23 {
    24     var args=arguments;
    25     bookId=args[2];
    26     chapterId=args[3];
    27     return args[1]+"ShowBook.aspx?bookId="+args[2]+"&chapterId="+args[3];
    28 }
    29 
    30 var rep4=url.replace(reg,capText);
    31 alert(rep4);
    32 alert(bookId);
    33 alert(chapterId);
    34 
    35 
    36 //除了使用replace方法获取正则表示式的分组外,还可以使用test ,exec方法获取分组,只是手法有所不同而已
    37 var reg2=new RegExp("(http://www.qidian.com/BookReader/)(\d+),(\d+).aspx","gmi");
    38 var m=reg2.exec("http://www.qidian.com/BookReader/1017141,20361055.aspx");
    39 var s="";
    40 //获取所有的分组
    41 for (i = 0; i < m.length; i++) {
    42       s = s + m[i] + "
    ";     
    43       }
    44 alert(s);
    45 
    46 bookId=m[2];
    47 chapterId=m[3];
    48 alert(bookId);
    49 alert(chapterId);
    50 
    51 
    52 //使用test方法获取分组
    53 var reg3=new RegExp("(http://www.qidian.com/BookReader/)(\d+),(\d+).aspx","gmi");
    54 reg3.test("http://www.qidian.com/BookReader/1017141,20361055.aspx");
    55 //获取三个分组
    56 alert(RegExp.$1);
    57 alert(RegExp.$2);
    58 alert(RegExp.$3);
     1  var str="www.baidu.com";
     2         //str.format("好","q")
     3         
     4         str.replace(new RegExp("(\.)(bai)du","g"),function(){
     5             
     6             for(var i=0;i<arguments.length;i++)
     7             {
     8                     document.write(arguments[i]+"<br/>");
     9             }
    10             document.write("-------------------------------------------------<br/>");
    11 
    12         });
    13 
    14  
    15 
    16  
    17 
    18  两个例子(证明,replace传入正则参数和字符传参数结果不同):
    19 
    20 alert("123".replace("1",function(){var un;return un;}));  //弹出undefined23
    21 
    22 alert("123".replace(new RegExp("1"),function(){var un;return un;}));  //弹出23

     /******************************************************************************************
     *【Author】:再快一点
     *【Date】:2013年06月22日
     *【Notice】:
     *1、本文为原创技术文章,首发博客园个人站点(http://www.cnblogs.com/mxw09/archive/2010/08/12/1797905.html),转载和引用请注明作者及出处。
     *2、本文必须全文转载和引用,任何组织和个人未授权不能修改任何内容,并且未授权不可用于商业。
     *3、本声明为文章一部分,转载和引用必须包括在原文中。
     ******************************************************************************************/

  • 相关阅读:
    前端工程师须知pc电脑端分辨率
    移动前端的坑
    07.01工作笔记
    缓存
    word-wrap,white-space和text-overflow属性
    页面结构
    Spring Bean的作用域和自动装配
    Spring配置文件
    初识Spring和IOC理解
    MyBatis缓存
  • 原文地址:https://www.cnblogs.com/armyant/p/3149371.html
Copyright © 2020-2023  润新知