快捷導(dǎo)航

正則表達(dá)式（簡單易懂篇）

更新時(shí)間：2017年01月23日 11:58:51 作者：閣主乄

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

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

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

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

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

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

二、預(yù)定義符

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

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

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

如需使用真正的符號(hào)例如“.”，只需添加\即可，如\.

三、常用的幾個(gè)方法

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開始（如不止一個(gè)內(nèi)容符合正則條件，則返回第一個(gè)找到的位置），如果沒找到則返回-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次

最后來個(gè)例子理解理解，判斷QQ號(hào)

HTML

<input class="qq" type="text" placeholder="請輸入QQ號(hào)">
<button type="button" class="sub">檢測</button>

正則

//先來看看我們?nèi)粘５卿浀腝Q號(hào)有哪些性質(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('賬戶不存在');
 }
};

以上所述是小編給大家介紹的正則表達(dá)式（簡單易懂篇），希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: