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

 什么是正則表達式：

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

正則表達式基本語法

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

var reg = RegExp('s');

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

二、預定義符

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

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

 var reg = /(a)(b)(c)1/; //=> abca 重復了a子項

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

三、常用的幾個方法

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

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

var data = '123456789987654321';

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

if( reg.test(str) ){

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

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

}

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

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

var data = '123456mple789Mple875654';

var reg = /mple/gi;

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

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

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

var data = '1234mple56789Mple987mple654321';

var reg = /mple/gi;

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

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

// 用法：字符串.replace(正則,新的字符串/回調函數(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() => 查找并返回當前的匹配結果，以數(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碼進行排序

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

var data = '4445554654123156489151321456';

var arr = data.split('');

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

console.log(data);

四、常用量詞

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

{n,} : 至少n?

* : 任意次 相當于{0,}

？ ：零次或一次 相當于{0,1}

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

{n} : 正好n次

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

HTML

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

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

正則

//先來看看我們日常登錄的QQ號有哪些性質

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之類的情況，所以需要添加$進行尾數(shù)限制

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

oSub.onclick = function(){

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

 alert('檢測成功');

 }else{

 alert('賬戶不存在');

 }

};