正則表達(dá)式是一種可以用于模式匹配和替換的強(qiáng)大工具。這篇文章主要介紹了正則表達(dá)式（?單易懂篇），需要的朋友參考下

 什么是正則表達(dá)式：

簡單的說，正則表達(dá)式是一種可以用于模式匹配和替換的強(qiáng)大工具。在幾乎所有的基于UNIX/LINUX系統(tǒng)的軟件工具中找到正則表達(dá)式的痕跡，例如：Perl或PHP腳本語言。此外，JavaScript這種客戶端的腳本語言也提供了對正則表達(dá)式的支持，現(xiàn)在正則表達(dá)式已經(jīng)成為了一個通用的概念和工具，被各類技術(shù)人員所廣泛使用。

正則表達(dá)式基本語法

一、創(chuàng)建JavaScript正則（RegExp）對象

var reg = RegExp('s');

var reg = /s/; // 簡寫方式 推薦使用 不能為空 不然會以為是注釋

二、預(yù)定義符

開始前先看一些符號表達(dá)的意思才好幫助你對下面的例子可以迅速的理解

s : ?格
S : 非空格
d : 數(shù)字
D : 非數(shù)字
w : 字符
W : 非字符
i : 不區(qū)分大小寫
g : 全局匹配（一般正則找到第一個符合條件的就會停止，在后面加上這個符合就會告訴正則繼續(xù)往下不要停）
| : 或
. : 任意字符
 : 獨(dú)立的部分 （ 起始，結(jié)束，空格 ）
B : 非獨(dú)立的部分
: 重復(fù)的某個子項(xiàng)，例如

 var reg = /(a)(b)(c)1/; //=> abca 重復(fù)了a子項(xiàng)

如需使用真正的符號例如“.”，只需添加即可，如.

三、常用的幾個方法

1. test() => 在字符串中查找符合正則指定的內(nèi)容，若找到返回true，否則返回false

 // 用法：正則.test(字符串)

var data = '123456789987654321';

var reg = /d/; // d這里代表數(shù)字

if( reg.test(str) ){

 console.log('內(nèi)容為數(shù)字');

 console.log(reg.test(str)) // 返回 true

}

2. match() => 在字符串中查詢符合正則指定的內(nèi)容，成功則返回內(nèi)容（數(shù)組格式），否則返回null

// 用法：字符串.match(正則)

var data = '123456mple789Mple875654';

var reg = /mple/gi;

console.log(data.match(reg)); // mple,Mple

3. search() => 在字符串中查詢符合正則指定的內(nèi)容，成功找到則返回當(dāng)前內(nèi)容的位置從0開始?如不止一個內(nèi)容符合正則條件，則返回第一個找到的位置），如果沒找到則返回-1

// 用法：字符串.search(正則)

var data = '1234mple56789Mple987mple654321';

var reg = /mple/gi;

console.log(data.search(reg)); // 4

4. replace() => 在字符串中查詢符合正則指定的內(nèi)容，查找到則替換對應(yīng)內(nèi)容并返回替換后的內(nèi)容

// 用法：字符串.replace(正則,新的字符串/回調(diào)函數(shù))

var data = '啦啦啦~一大堆啦啦啦';

var reg = /啦/g;

var rep = data.replace(reg,function(data){

 var ne = '';

 for(var i=0; i<data.length; i++){

 ne += '*';

 }

 return ne;

});

console.log(rep);

5. exec() => 查找并返回當(dāng)前的匹配結(jié)果，以數(shù)組的形式返回

//用法：正則.exec(字符串)

var data = "1234mple5678mple99876mple543Mple21";

var reg = /mple/ig;

var s = reg.exec(data)

console.log(s.index); //4

6. split() = 正則分割字符串

7. sort():數(shù)組中的排序方法，按照ACALL碼進(jìn)行排序

8. join():數(shù)組中的方法，把數(shù)組轉(zhuǎn)換為字符串

var data = '4445554654123156489151321456';

var arr = data.split('');

data = arr.sort().join('');

console.log(data);

四、常用量詞

{n,m} : 至少出現(xiàn)n次，最多m次

{n,} : 至少n?

* : 任意次 相當(dāng)于{0,}

？ ：零次或一次 相當(dāng)于{0,1}

+ : 查找的結(jié)果至少出現(xiàn)一次或任意次 {1,}

{n} : 正好n次

最后來個例子理解理解，判斷QQ號

HTML

<input type="text" placeholder="請入QQ號">

<button type="button">檢測</button>

正則

//先來看看我們?nèi)粘５卿浀腝Q號有哪些性質(zhì)

1 首位肯定不是為0

2 必須是5-10位的數(shù)字

var oInput = document.querySelector('.qq');

var oSub = document.querySelector('.sub');

var reg = /^[1-9]d{4,9}$/;

//為了防止最后幾位數(shù)出現(xiàn)字母abc之類的情況，所以需要添加$進(jìn)行尾數(shù)限制

//所以最后的邏輯是這樣的，首位是0-9，接著是4-9位的數(shù)字類型。

oSub.onclick = function(){

 if( reg.test(oInput.value) ){

 alert('檢測成功');

 }else{

 alert('賬戶不存在');

 }

};