JS基礎(chǔ)入門(mén)篇（三十三）—正則表達(dá)式

caspar 發(fā)布于2019-08-22 18:18 / 2471人閱讀

摘要：舉例一使用這個(gè)正則，打印結(jié)果為使用這個(gè)正則，打印結(jié)果為舉例二打印結(jié)果如下過(guò)濾標(biāo)簽?zāi)愫妹利惖纳虾Ｏ朕D(zhuǎn)化成你好，美麗的上海如果后面加，就會(huì)進(jìn)入非貪婪模式。如果后面不加，就會(huì)進(jìn)入貪婪模式，結(jié)果為上海。你好美麗的上海。

1.創(chuàng)建一個(gè)正則表達(dá)式

方法一：使用一個(gè)正則表達(dá)式字面量，其由包含在斜杠之間的模式組成。

var reg1 = /a/;
var reg2 = /ab+c/;

方法二：調(diào)用RegExp對(duì)象的構(gòu)造函數(shù)

var reg1 = new RegExp( "a" );
var reg2 = new RegExp( "ab+c" );

2.正則表達(dá)式中的特殊字符

1.轉(zhuǎn)義字符

    s: 空格
    S: 非空格
    d: 數(shù)字
    D: 非數(shù)字
    w: 字母，數(shù)字，下劃線
    W: 非字母，非數(shù)字，非下劃線。
     進(jìn)行轉(zhuǎn)換。模式 /a*/ 代表會(huì)匹配 0 個(gè)或者多個(gè) a。相反，模式 /a*/ 將 "*" 的特殊性移除，從而可以匹配像 "a*" 這樣的字符串。
    . : 代表 任何一個(gè)字符
    : 起始,結(jié)束,空格。eg：/m/匹配“moon”中得‘m’；/oo/并不匹配"moon"中得"oo"，因?yàn)?oo"被一個(gè)“字”字符"n"緊跟著。


var str = "12 3123";
console.log( str.replace( //g,"|" ) );//|12| |3123|

2.量詞

     {n,m}: n 和 m 都是整數(shù)。匹配前面的字符至少n次，最多m次。如果 n 或者 m 的值是0， 這個(gè)值被忽略。
     *: 匹配前一個(gè)表達(dá)式0次或多次。等價(jià)于 {0,}。
     +: 匹配前面一個(gè)表達(dá)式1次或者多次。等價(jià)于{1,}。
     ?: 匹配前面一個(gè)表達(dá)式0次或者1次。{0,1}。
     .: 匹配除換行符之外的任何單個(gè)字符。

注意：如果 ? 緊跟在任何量詞 *、 +、? 或 {} 的后面，將會(huì)使量詞變?yōu)?strong>非貪婪的（匹配盡量少的字符），和缺省使用的貪婪模式（匹配盡可能多的字符）正好相反。

3. 字符類(lèi)
1.[ ]

[]：匹配[]中內(nèi)容的一個(gè)字符.這指的是范圍匹配。     
eg:/[a-zA-Z0-9]/:只要是數(shù)字，字母都能匹配上。
eg:/[abc]/:只要是a或者b或者c，其中一個(gè)都能匹配的上。
eg:/[a-z.]+/:都匹配“test.i.ng”中的所有字符。
[]:內(nèi)部不需要加|，因?yàn)樗捅硎疽粋€(gè)范圍，有或者的含義。

舉例說(shuō)明1

            var re = /0|1|2/g;
            var re = /[012]/g;
            var re = /[0-2]/g;
            以上三種正則表達(dá)是一個(gè)意思

舉例說(shuō)明2

          var re = /^([0-9]|1[0-9])$/g; // 判斷數(shù)字范圍是否在 0-19 之間
          console.log( re.test(20) );//false
          console.log( re.test(2) );//true

2. ^

^ : 匹配輸入的開(kāi)始。
eg: /^A/ 并不會(huì)匹配 "an A" 中的 "A"，但是會(huì)匹配 "An E" 中的 "A"。^表示開(kāi)始。

注意：^放在[]中，表示非的意思。

eg： 例如，[^abc] 和 [^a-c] 是一樣的。他們匹配"brisket"中的‘r’，也匹配“chop”中的‘h’。 意思是：不是a不是b不是c，則匹配成功。

3. $

$ : 匹配輸入的結(jié)束。
eg: /t$/ 并不會(huì)匹配 "eater" 中的 "t"，但是會(huì)匹配 "eat" 中的 "t"。

3.使用正則表達(dá)式的方法,正則的貪婪模式和非貪婪模式

test：使用正則匹配字符串,如果匹配返回true,否則false
使用：正則.test(字符串);

2.search:使用正則匹配字符串,如果匹配返回對(duì)應(yīng)位置,否則返回-1。
使用：字符串.search(正則);
注意：正則區(qū)分大小寫(xiě)，如果想不區(qū)分大小寫(xiě)，則需要添加標(biāo)識(shí)符 i 。對(duì)于兩種創(chuàng)建正則的方式，i 有兩中不同的寫(xiě)法。

3.match: 使用正則匹配字符串,如果匹配,返回對(duì)應(yīng)字符串,返回?cái)?shù)組形式,否則 null。
使用: 字符串.match(正則)。

注意:
    1. 返回的是類(lèi)型是數(shù)組
    2. 正則默認(rèn)匹配成功就會(huì)停止，使用標(biāo)識(shí)符 g(全局匹配)。

4.注意：正則的貪婪模式
首先需了解： +的含義是：匹配前面一個(gè)表達(dá)式1次或者多次。等價(jià)于{1,}。

以下是貪婪模式

解釋?zhuān)?1.正則的貪婪模式是指會(huì)匹配最長(zhǎng)的，得到數(shù)目最多的項(xiàng)。
2.如果 ? 緊跟在任何量詞 *、 +、? 或 {} 的后面，將會(huì)使量詞變?yōu)榉秦澙返模ㄆヅ浔M量少的字符），和缺省使用的貪婪模式（匹配盡可能多的字符）正好相反。

以下是非貪婪模式

5.replace:使用正則匹配字符串,如果匹配成功,替換對(duì)應(yīng)字符串,返回匹配后的字符串。如果不成功，則返回原字符串。
使用： 字符串.replace(正則,替換字符串);

4.正則的使用

1.敏感詞過(guò)濾
每個(gè)網(wǎng)站都有自己的敏感詞，例如這次的敏感詞為：星星，好，天空，這三個(gè)詞。

解析：
1.replace 第二個(gè)參數(shù)可以是一個(gè)字符串,或者函數(shù)
2.replace 第二個(gè)參數(shù)如果是函數(shù)的話，這個(gè)函數(shù)的第一個(gè)參數(shù)是每次匹配到的 字符。
3.我給參數(shù)的命名為$0,這個(gè)是隨意的，只要不是關(guān)鍵字保留字都可以。例如a，b都可以的。

2.格式化時(shí)間
方式一：

方式二：

方式二的解析：replace 第二個(gè)參數(shù)如果是函數(shù)的話，
1.這個(gè)函數(shù)的 第一個(gè)參數(shù) 是每次匹配到的 字符。
2.之后的參數(shù)是通過(guò)（）的分組，子項(xiàng)按照 "("確定次序。
3.例如第二個(gè)參數(shù)就是（d+）匹配到的內(nèi)容。

3.匹配模式參數(shù)的說(shuō)明
使用情況舉例：當(dāng)使用replace，并且replace的第二個(gè)參數(shù)是函數(shù)。則這個(gè)函數(shù)的參數(shù)情況，第一個(gè)參數(shù)是正則匹配到的值。之后的參數(shù)是通過(guò)（）的分組，子項(xiàng)按照 "("確定次序。

舉例一：

舉例二:

4.過(guò)濾標(biāo)簽

5.檢查是否含有class名

6.找出重復(fù)次數(shù)最多的字符

方法一：不使用正則。

方法二：使用正則。

解析：1, 后面的是數(shù)字1，不是字母l。
1是作用是1前面的表達(dá)式，至少要重復(fù)一遍。而且前面的表達(dá)式要用（ ）包起來(lái)。

1的使用說(shuō)明

7.檢測(cè)qq號(hào)

8.去掉前后面的空格

GPU云服務(wù)器云服務(wù)器正則表達(dá)式入門(mén) 正則表達(dá)式基礎(chǔ) 三十三座機(jī)正則表達(dá)式 js

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

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

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

登陸后可評(píng)論

0條評(píng)論

caspar

男|高級(jí)講師

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

TA的文章

第五章-Java修飾符#yyds干貨盤(pán)點(diǎn)#

閱讀 3682·2021-11-23 09:51
RAKsmart(RAK Cloud)：首購(gòu)云服務(wù)器低至3折，云服務(wù)器產(chǎn)品全場(chǎng)8折優(yōu)惠，香港云$9.

閱讀 1680·2021-10-22 09:53
cubecloud，國(guó)慶限時(shí)促銷(xiāo)，全場(chǎng)VPS 88，可選中國(guó)香港CN2 GIA/美國(guó)CN2 GIA/

閱讀 1359·2021-10-09 09:56
深入css之去除inline-block元素之間的多余間隙

閱讀 865·2019-08-30 13:47
APICloud Github 5大開(kāi)源項(xiàng)目集合展示

閱讀 2164·2019-08-30 12:55
CSS技巧記錄

閱讀 1607·2019-08-30 12:46
display: flex;’布局下使用‘white-space: nowrap;’導(dǎo)致的問(wèn)題

閱讀 1120·2019-08-30 10:51
初探響應(yīng)式布局 - 以小項(xiàng)目為例

閱讀 2419·2019-08-29 12:43

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

資訊專(zhuān)欄INFORMATION COLUMN

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

JS基礎(chǔ)入門(mén)篇（三十三）—正則表達(dá)式

相關(guān)文章