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

 什么是正則表達式：

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

正則表達式基本語法

一、創建JavaScript正則（RegExp）對象

var reg = RegExp('s');

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

二、預定義符

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

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

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

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

三、常用的幾個方法

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

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

var data = '123456789987654321';

var reg = /d/; // d這里代表數字

if( reg.test(str) ){

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

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

}

2. match() => 在字符串中查詢符合正則指定的內容，成功則返回內容（數組格式），否則返回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(正則,新的字符串/回調函數)

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() => 查找并返回當前的匹配結果，以數組的形式返回

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

var data = "1234mple5678mple99876mple543Mple21";

var reg = /mple/ig;

var s = reg.exec(data)

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

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

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

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

var data = '4445554654123156489151321456';

var arr = data.split('');

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

console.log(data);

四、常用量詞

{n,m} : 至少出現n次，最多m次

{n,} : 至少n?

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

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

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

{n} : 正好n次

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

HTML

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

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

正則

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

1 首位肯定不是為0

2 必須是5-10位的數字

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

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

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

//為了防止最后幾位數出現字母abc之類的情況，所以需要添加$進行尾數限制

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

oSub.onclick = function(){

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

 alert('檢測成功');

 }else{

 alert('賬戶不存在');

 }

};