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

更新時間：2016年05月21日 22:31:29 投稿：mdxy-dxy

這篇文章主要介紹了js正則表達(dá)式/replace替換變量方法 ,最近項目任務(wù)繁重，更新博客會較慢，不過有時間希望可以把自己的積累分享出來，需要的朋友可以參考下

JavaScript正則實戰(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之前的真實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);


//方法四
//方式四和方法三很類似, 除了返回替換后的字符串外，還可以單獨獲取參數(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ù)浮點數(shù)（正浮點數(shù) + 0）
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"
//正浮點數(shù)
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"　　//非正浮點數(shù)（負(fù)浮點數(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ù)浮點數(shù)
"^(-?\\d+)(\\.\\d+)?$"　　//浮點數(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]。