學習最常用的 6個方法

test 檢查指定的字符串是否存在
exec 返回查詢值
match 得到查詢數(shù)組
search 返回搜索位置 類似于indexof
replace 替換字符 利用正則替換
split 利用正則分割數(shù)組

1） test  檢查指定的字符串是否存在
var data = '123123';
var reCat = /123/gi;
console.log(reCat.test(data));  //true
//檢查字符是否存在  g 繼續(xù)往下走  i 不區(qū)分大小寫

2） exec 返回查詢值
var data = '123123,213,12312,312,3,Cat,cat,dsfsdfs,';
var reCat = /cat/i;
console.log(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++)
{
console.log(arrMactches[i]);   //Cat  cat
}

4） search  返回搜索下標字符位置  類似于indexof
var data = '123123,213,12312,312,3,Cat,cat,dsfsdfs,';
var reCat = /cat/gi;
console.log(data.search(reCat));  //23

5） replace  替換字符  利用正則替換
var data = '123123,213,12312,312,3,Cat,cat,dsfsdfs,';
var reCat = /cat/gi;
console.log(data.replace(reCat,'libinqq'));//123123,213,12312,312,3,libinqq,libinqq,dsfsdfs,

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++)
{
console.log(arrdata[i]);
}

手機號中間4個帶*

function formatPhone(phone) {
    return phone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
}

原理是先匹配前3個數(shù)字治拿，將匹配到的值給2勒魔。

手機號碼正則表達式驗證

function checkPhone(){
    var phone = $('.phone').value;
    if(!(/^1[3456789]\d{9}$/.test(phone))){
        alert("手機號碼有誤辟狈，請重填");  
        return false;
    }
}
或者
function checkPhone(){
    var phone = $('.phone').value;
    if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone))){
        alert("手機號碼有誤菩混，請重填");  
        return false;
    }
}

下面簡單的解釋一下：

^1(3|4|5|7|8)\d{9}$

表示以1開頭弱贼，第二位可能是3/4/5/7/8等的任意一個，在加上后面的\d表示數(shù)字[0-9]的9位哀军，總共加起來11位結(jié)束沉眶。

固定電話號碼正則表達式

function checkTel(){
 var tel = $('.tel').value;
if(!/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(tel)){
alert('固定電話有誤，請重填');
return false;
}
}

身份證正則

//身份證正則表達式(15位)
isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}/;
身份證正則合并：(^\d{15})
其他正則

提取信息中的網(wǎng)絡鏈接:(h|H)(r|R)(e|E)(f|F) = ('|")?(\w|\|/|.)+('|"| |>)?
提取信息中的郵件地址:\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)
提取信息中的圖片鏈接:(s|S)(r|R)(c|C) = ('|")?(\w|\|/|.)+('|"| |>)?
提取信息中的IP地址:(\d+).(\d+).(\d+).(\d+)
提取信息中的中國電話號碼（包括移動和固定電話）:((\d{3,4})|\d{3,4}-|\s)?\d{7,14}
提取信息中的中國郵政編碼:[1-9]{1}(\d+){5}
提取信息中的中國身份證號碼:\d{18}|\d{15}
提取信息中的整數(shù)：\d+
提取信息中的浮點數(shù)（即小數(shù)）：(-?\d).?\d+
提取信息中的任何數(shù)字 ：(-?\d)(.\d+)?
提取信息中的中文字符串：[\u4e00-\u9fa5]
提取信息中的雙字節(jié)字符串 (漢字)：[^\x00-\xff]*
使用
test()方法在字符串中查找是否存在指定的正則表達式杉适，并返回布爾值谎倔，如果存在則返回true，否則返回false猿推。

var pattern = new RegExp('Box','i');
var str = 'box';
alert(pattern.test(str)); //true
var pattern = /Box/i;
var str = 'box';
alert(pattern.test(str)); //true
var pattern = /Box/i;
var str = 'This is a box';
alert(pattern.test(str)); //true

JavaScript正則實戰(zhàn)(會根據(jù)最近寫的不斷更新)

1片习、javascript 正則對象替換創(chuàng)建 和用法： /pattern/flags 先簡單案例學習認識下replace能干什么

正則表達式構造函數(shù)： new RegExp("pattern"[,"flags"]);
正則表達式替換變量函數(shù)：stringObj.replace(RegExp,replace Text);

參數(shù)說明：

pattern -- 一個正則表達式文本
flags -- 如果存在，將是以下值：
g: 全局匹配
i: 忽略大小寫
gi: 以上組合
//下面的例子用來獲取url的兩個參數(shù)蹬叭，并返回urlRewrite之前的真實Url
var reg=``new RegExp(``"([http://www.qidian.com/BookReader/](http://www.qidian.com/BookReader/))(\\d+),(\\d+).aspx"``,``"gmi"``);

var url=``"[http://www.qidian.com/BookReader/1017141](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/](http://www.qidian.com/BookReader/))(\\d+),(\\d+).aspx"``,``"gmi"``);

reg3.test(``"[http://www.qidian.com/BookReader/1017141](http://www.qidian.com/BookReader/1017141),20361055.aspx"``);

//獲取三個分組

alert(RegExp.$1);

alert(RegExp.$2);

alert(RegExp.$3);

3秽五、常用表達式收集：

"^\\d+$"　　//非負整數(shù)（正整數(shù) + 0）
"^[0-9]*[1-9][0-9]*$"　　//正整數(shù)
"^((-\\d+)|(0+))$"　　//非正整數(shù)（負整數(shù) + 0）
"^-[0-9]*[1-9][0-9]*$"　　//負整數(shù)
"^-?\\d+$"　　　　//整數(shù)
"^\\d+(\\.\\d+)?$"　　//非負浮點數(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ù)（負浮點數(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+)?$"　　//浮點數(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_]*$"。

**正則表達式基礎知識**

^ 匹配一個輸入或一行的開頭坦喘，/^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 匹配一個字數(shù)字符洪规，/\d/ = /[0-9]/
\D 匹配一個非字數(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]牺勾。

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title>正則</title> 
  </head>
  <body>
<script>
function $(id){
  return document.getElementById(id);
}
window.onload=function(){
  $('btn1').onclick=function(){
    //獲取字符串的內(nèi)容
    var content=$('content').value;
    //獲取正則內(nèi)容
    var reg=eval('/'+$('exp').value+'/gi');
    //獲取顯示框
    $('result').value=reg.test(content);
  }
  $('btn2').onclick=function(){
    //獲取字符串的內(nèi)容
    var content=$('content').value;
    //獲取正則內(nèi)容
    var reg=eval('/'+$('exp').value+'/gi');
    //獲取顯示框
    $('result').value='';
    var res;
    while(res=reg.exec(content)){
      $('result').value+=res+'\n';
    }
  }
  $('btn3').onclick=function(){
    //獲取字符串的內(nèi)容
    var content=$('content').value;
    //獲取正則內(nèi)容
    var reg=eval('/'+$('exp').value+'/gi');
    //獲取顯示框
    $('result').value='';
    var arr=content.search(reg);
    $('result').value+=arr+'\n';
  }
  $('btn4').onclick=function(){
    //獲取字符串的內(nèi)容
    var content=$('content').value;
    //獲取正則內(nèi)容
    var reg=eval('/'+$('exp').value+'/gi');
    //獲取顯示框
    $('result').value='';
    var arr=content.match(reg);
    for(var i=0;i<arr.length;i++){
      $('result').value+=arr[i]+'\n';
    }
  }
  $('btn5').onclick=function(){
    //獲取字符串的內(nèi)容
    var content=$('content').value;
    //獲取正則內(nèi)容
    var reg=eval('/'+$('exp').value+'/gi');
    var arr=content.replace(reg,'*');
    $('result').value+=arr+'\n';
  }
  $('btn6').onclick=function(){
    //獲取字符串的內(nèi)容
    var content=$('content').value;
    //獲取正則內(nèi)容
    var reg=eval('/'+$('exp').value+'/gi');
    var arr=content.split(reg);
    $('result').value+=arr+'\n';
  }
}
</script>
字符串：<input type='text' id='content' size='50'>
<hr>
正則：<input type='text' id='exp' size='50'>
<hr>
<textarea cols='70' rows='10' id='result'></textarea>
<hr>
<input type='button' id='btn1' value='test'>
<input type='button' id='btn2' value='exec'>
<input type='button' id='btn3' value='search'>
<input type='button' id='btn4' value='match'>
<input type='button' id='btn5' value='replace'>
<input type='button' id='btn6' value='split'>
<div>
<p>1正罢、正則與字符串中的六大方法
<p>正則對象RegExp，基本語法：正則對象.方法(字符串);
<p>test()：判斷字符串中是否含有指定模式的子串驻民，返回布爾類型的值（true或false）
<p>exec()：返回指定模式的字符串

<p>字符串String翻具，基本語法：字符串對象.方法(正則對象);
<p>search() ：返回指定模式的字符串在字符串中出現(xiàn)的位置，默認索引從0開始
<p>match() ：以數(shù)組的形式返回指定模式的字符串
<p>replace() ：替換指定模式的字符串
<p>split() ：以指定模式的子串分割字符串回还，返回一個數(shù)組

<p>如果需要匹配與正則表達式重名的特殊字符裆泳，可以通過\反斜杠進行轉(zhuǎn)義符操作。
<p>/ ()    []  {}  *  +  柠硕？.  ^  $  -（我是點號） \
</div>
<script type="text/javascript">
  // 匹配相鄰()
  var str="(()(()(()))";
  var reg=/\(\)/g;
  var arr=str.match(reg);
  for(var i=0;i<arr.length;i++){
    document.write(arr[i]);//()()()
  }
</script>
</body>
</html>