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

_ipo 發(fā)布于2019-08-20 13:57 / 3267人閱讀

摘要：又到了跳槽高峰期了，想跳槽的小伙伴們一定已經(jīng)開(kāi)始做準(zhǔn)備工作了吧，我也不例外，哈哈哈這里花了幾天復(fù)習(xí)正則表達(dá)式，寫了這篇文章和大家一起回憶回憶這簡(jiǎn)單易忘的正則吧。

又到了跳槽高峰期了，想跳槽的小伙伴們一定已經(jīng)開(kāi)始做準(zhǔn)備工作了吧，我也不例外，哈哈哈！
這里花了幾天復(fù)習(xí)正則表達(dá)式，寫了這篇文章和大家一起回憶回憶這簡(jiǎn)單易忘的正則吧。

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

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

1. var reg = RegExp("s");
    
2. var reg = /s/;  // 簡(jiǎn)寫方式 推薦使用 不能為空 不然會(huì)以為是注釋

二、預(yù)定義符

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

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

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

var data = "1234mple56789Mple987mple654321";

var reg = /mple/gi;

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

4. replace() => 在字符串中查詢符合正則指定的內(nèi)容，查找到則替換對(duì)應(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
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次
最后來(lái)個(gè)例子理解理解，判斷QQ號(hào)
HTML



正則
//先來(lái)看看我們?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("檢測(cè)成功");
    }else{
        alert("賬戶不存在");
    }

};


正則的基本使用就介紹到這了，借鑒了這篇文章也分享給大家，希望大家有所收獲
有公眾號(hào)啦！?。g迎關(guān)注，不定期推薦前端技術(shù)！??！

云服務(wù)器 GPU云服務(wù)器正則正則表達(dá)式正則匹配正則表達(dá)式 -正則表達(dá)式正則表達(dá)式?

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/81337.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

_ipo

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

#618大促#華納云(hncloud)：CN2 2M平均18元/月，香港云服務(wù)器/物理機(jī)/高防3折起

閱讀 2005·2021-08-11 11:13
LOCVPS-2021年6月香港便宜vps寬帶升級(jí)，充值就送代金券，其它八折優(yōu)惠！

閱讀 1029·2021-07-25 21:37
挖財(cái) / 有贊電話面試題目分享

閱讀 2584·2019-08-29 18:42
JavaScript中Array類型中的方法

閱讀 2520·2019-08-26 12:18
詳解JS類概念的實(shí)現(xiàn)

閱讀 924·2019-08-26 11:29
js對(duì)html轉(zhuǎn)義和反轉(zhuǎn)義以及編碼和解碼

閱讀 1697·2019-08-23 17:17
前端性能優(yōu)化--資源合并與壓縮

閱讀 2672·2019-08-23 15:55
elementUI源碼修改的爬坑之旅

閱讀 2615·2019-08-23 14:34

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

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

相關(guān)文章