js正則表達(dá)式replace替換變量方法

字號:


    這篇文章主要介紹了js正則表達(dá)式/replace替換變量方法 ,最近項(xiàng)目任務(wù)繁重,更新博客會較慢,不過有時間希望可以把自己的積累分享出來,需要的朋友可以參考下
    JavaScript正則實(shí)戰(zhàn)(會根據(jù)最近寫的不斷更新)
    1、javascript 正則對象替換創(chuàng)建 和用法: /pattern/flags 先簡單案例學(xué)習(xí)認(rèn)識下replace能干什么
    正則表達(dá)式構(gòu)造函數(shù): new RegExp("pattern"[,"flags"]);
    正則表達(dá)式替換變量函數(shù):stringObj.replace(RegExp,replace Text);
    參數(shù)說明:
    pattern -- 一個正則表達(dá)式文本
    flags -- 如果存在,將是以下值:
    g: 全局匹配
    i: 忽略大小寫
    gi: 以上組合
    //下面的例子用來獲取url的兩個參數(shù),并返回urlRewrite之前的真實(shí)Url
    var reg=new RegExp("(http://www.qidian.com/BookReader/)(\\d+),(\\d+).aspx","gmi");
    var url="http://www.qidian.com/BookReader/1017141,20361055.aspx";
    //方式一,最簡單常用的方式
    var rep=url.replace(reg,"$1ShowBook.aspx?bookId=$2&chapterId=$3");
    alert(rep);
    //方式二 ,采用固定參數(shù)的回調(diào)函數(shù)
    var rep2=url.replace(reg,function(m,p1,p2,p3){return p1+"ShowBook.aspx?bookId="+p3+"&chapterId="+p3});
    alert(rep2);
    //方式三,采用非固定參數(shù)的回調(diào)函數(shù)
    var rep3=url.replace(reg,function(){var args=arguments; return args[1]+"ShowBook.aspx?bookId="+args[2]+"&chapterId="+args[3];});
    alert(rep3);
    //方法四
    //方式四和方法三很類似, 除了返回替換后的字符串外,還可以單獨(dú)獲取參數(shù)
    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);
    //使用test方法獲取分組
    var reg3=new RegExp("(http://www.qidian.com/BookReader/)(\\d+),(\\d+).aspx","gmi");
    reg3.test("http://www.qidian.com/BookReader/1017141,20361055.aspx");
    //獲取三個分組
    alert(RegExp.$1);
    alert(RegExp.$2);
    alert(RegExp.$3);
    2、 學(xué)習(xí)最常用的 test exec match search replace split 6個方法
    1) test 檢查指定的字符串是否存在
    var data = “123123″;
    var reCat = /123/gi;
    alert(reCat.test(data)); //true
    //檢查字符是否存在 g 繼續(xù)往下走 i 不區(qū)分大小寫
    2) exec 返回查詢值
    var data = “123123,213,12312,312,3,Cat,cat,dsfsdfs,”;
    var reCat = /cat/i;
    alert(reCat.exec(data)); //Cat
    3)match 得到查詢數(shù)組
    var data = “123123,213,12312,312,3,Cat,cat,dsfsdfs,”;
    var reCat = /cat/gi;
    var arrMactches = data.match(reCat)
    for (var i=0;i < arrMactches.length ; i++)
    {
    alert(arrMactches[i]); //Cat cat
    }
    4) search 返回搜索位置 類似于indexof
    var data = “123123,213,12312,312,3,Cat,cat,dsfsdfs,”;
    var reCat = /cat/gi;
    alert(data.search(reCat)); //23
    5) replace 替換字符 利用正則替換
    var data = “123123,213,12312,312,3,Cat,cat,dsfsdfs,”;
    var reCat = /cat/gi;
    alert(data.replace(reCat,”libinqq”));
    6)split 利用正則分割數(shù)組
    var data = “123123,213,12312,312,3,Cat,cat,dsfsdfs,”;
    var reCat = /\,/;
    var arrdata = data.split(reCat);
    for (var i = 0; i < arrdata.length; i++)
    {
    alert(arrdata[i]);
    }
    3、常用表達(dá)式收集:
    "^\\d+$"  //非負(fù)整數(shù)(正整數(shù) + 0)
    "^[0-9]*[1-9][0-9]*$"  //正整數(shù)
    "^((-\\d+)|(0+))$"  //非正整數(shù)(負(fù)整數(shù) + 0)
    "^-[0-9]*[1-9][0-9]*$"  //負(fù)整數(shù)
    "^-?\\d+$"    //整數(shù)
    "^\\d+(\\.\\d+)?$"  //非負(fù)浮點(diǎn)數(shù)(正浮點(diǎn)數(shù) + 0)
    "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"
    //正浮點(diǎn)數(shù)
    "^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"  //非正浮點(diǎn)數(shù)(負(fù)浮點(diǎn)數(shù) + 0)
    "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"
    //負(fù)浮點(diǎn)數(shù)
    "^(-?\\d+)(\\.\\d+)?$"  //浮點(diǎn)數(shù)
    "^[A-Za-z]+$"  //由26個英文字母組成的字符串
    "^[A-Z]+$"  //由26個英文字母的大寫組成的字符串
    "^[a-z]+$"  //由26個英文字母的小寫組成的字符串
    "^[A-Za-z0-9]+$"  //由數(shù)字和26個英文字母組成的字符串
    "^\\w+$"  //由數(shù)字、26個英文字母或者下劃線組成的字符串
    "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"    //email地址
    "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"  //url
    "^[A-Za-z0-9_]*$"。
    正則表達(dá)式基礎(chǔ)知識
    ^ 匹配一個輸入或一行的開頭,/^a/匹配"an A",而不匹配"An a"
    $ 匹配一個輸入或一行的結(jié)尾,/a$/匹配"An a",而不匹配"an A"
    * 匹配前面元字符0次或多次,/ba*/將匹配b,ba,baa,baaa
    + 匹配前面元字符1次或多次,/ba+/將匹配ba,baa,baaa
    ? 匹配前面元字符0次或1次,/ba?/將匹配b,ba
    (x) 匹配x保存x在名為$1...$9的變量中
    x|y 匹配x或y
    {n} 精確匹配n次
    {n,} 匹配n次以上
    {n,m} 匹配n-m次
    [xyz] 字符集(character set),匹配這個集合中的任一一個字符(或元字符)
    [^xyz] 不匹配這個集合中的任何一個字符
    [\b] 匹配一個退格符
    \b 匹配一個單詞的邊界
    \B 匹配一個單詞的非邊界
    \cX 這兒,X是一個控制符,/\cM/匹配Ctrl-M
    \d 匹配一個字?jǐn)?shù)字符,/\d/ = /[0-9]/
    \D 匹配一個非字?jǐn)?shù)字符,/\D/ = /[^0-9]/
    \n 匹配一個換行符
    \r 匹配一個回車符
    \s 匹配一個空白字符,包括\n,\r,\f,\t,\v等
    \S 匹配一個非空白字符,等于/[^\n\f\r\t\v]/
    \t 匹配一個制表符
    \v 匹配一個重直制表符
    \w 匹配一個可以組成單詞的字符(alphanumeric,這是我的意譯,含數(shù)字),包括下劃線,如[\w]匹配"$5.98"中的5,等于[a-zA-Z0-9]
    \W 匹配一個不可以組成單詞的字符,如[\W]匹配"$5.98"中的$,等于[^a-zA-Z0-9]。