1. <wbr id="m8vu6"></wbr>

      <del id="m8vu6"><center id="m8vu6"><source id="m8vu6"></source></center></del>
        <p id="m8vu6"><sub id="m8vu6"></sub></p>

        VB.net 2010 視頻教程 VB.net 2010 視頻教程 python基礎視頻教程
        SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
        當前位置:
        首頁 > 網站開發 > JavaScript >
        • JavaScript教程之JavaScript教程之web前端篇:JavaScript正則表達式

        JavaScript正則表達式

        1.創建正則表達式

        1.1方法1:直接量語法

        • 語法:var reg = /pattern/attributes
        • 解釋:參數 pattern 是一個字符串,指定了正則表達式的模式或其他正則表達式。參數 attributes 是一個可選的字符串,包含屬性 “g”、”i” 和 “m”,分別用于指定全局匹配、區分大小寫的匹配和多行匹配。

        1.2 方法2:創建RegExp對象的語法

        • 語法:var reg = new RegExp(pattern,attributes)
        • 解釋:參數 pattern 是一個字符串,指定了正則表達式的模式或其他正則表達式。參數 attributes 是一個可選的字符串,包含屬性 “g”、”i” 和 “m”,分別用于指定全局匹配、區分大小寫的匹配和多行匹配。

        1.3 區別:

        1.采用直接量語法新建的正則表達式對象在代碼編譯時就會生成,是平常開發中常用的方式;

        2.采用構造函數生成的正則對象要在代碼運行時生成。

        1.4正則表達式使用

        1.正則對象的方法是指這樣使用的: RegExp對象.方法(字符串)

        2.字符串對象的方法是這樣使用:字符串.方法(RegExp對象)

        2.正則對象的屬性

        2.1.屬性

        ignoreCase 返回布爾值,表示RegExp 對象是否具有標志 i
        global 返回布爾值,表示RegExp對象是否具有標志g
        multiline 返回布爾值,表示RegExp 對象是否具有標志 m。
        lastIndex 一個整數,標識開始下一次匹配的字符位置
        source 返回正則表達式的源文本(不包括反斜杠)
        i 執行對大小寫不敏感的匹配
        g 執行全局匹配(查找所有匹配而非在找到第一個匹配后停止)。
        m 執行多行匹配
        正則表達式作用

        2.2.應用

        2.2.1 驗證

        • 用于驗證時,通常需要在前后分別加上^和$,以匹配整個待驗證字符串;

        2.2.2 搜索替換

        • 搜索/替換時是否加上此限定則根據搜索的要求而定,此外,也有可能要在前后加上\b而不是^和$

        2.3.匹配類型

        2.3.1字符匹配

        正則表達式 用途
        […] 查找方括號之間的任何字符
        [^…] 查找任何不在方括號之間的字符
        [a-z] 查找任何從小寫 a 到小寫 z 的字符
        [A-Z] 查找任何從大寫 A 到大寫 Z 的字符
        [A-z] 查找任何從大寫 A 到小寫 z 的字符
        . 查找單個字符,除了換行和行結束符
        \w 查找單詞字符,等價于[a-zA-Z0-9]
        \W 查找非單詞字符,等價于[^a-zA-Z0-9]
        \s 查找空白字符
        \S 查找非空白字符
        \d 查找數字,等價于[0-9]
        \D 查找非數字字符,等價于[^0-9]
        \b 匹配單詞邊界
        \r 查找回車符
        \t 查找制表符
        \0 查找 NULL 字符
        \n 查找換行符

        2.3.2重復字符匹配

        正則表達式 用途
        {n,m} 匹配前一項至少n次,但不能超過m次
        {n,} 匹配前一項n次或更多次
        {n} 匹配前一項n次
        n? 匹配前一項0次或者1次,也就是說前一項是可選的,等價于{0,1}
        n+ 匹配前一項1次或多次,等價于{1,}
        n* 匹配前一項0次或多次,等價于{0,}
        n$ 匹配任何結尾為 n 的字符串
        ^n 匹配任何開頭為 n 的字符串
        ?=n 匹配任何其后緊接指定字符串 n 的字符串
        ?!n 匹配任何其后沒有緊接指定字符串 n 的字符串

        2.3.3匹配特定數字

        正則表達式 用途
        ^[1-9]\d*$ 匹配正整數
        ^-[1-9]\d*$ 匹配負整數
        ^-?[0-9]\d*$ 匹配整數
        ^[1-9]\d*|0$ 0$匹配非負整數(正整數 + 0)
        ^-[1-9]\d*|0$ 匹配非正整數(負整數 + 0)
        ^[1-9]\d*.\d*|0.\d*[1-9]\d*$ 匹配正浮點數
        ^-([1-9]\d*.\d*|0.\d*[1-9]\d*)$ 匹配負浮點數
        ^-?([1-9]\d*.\d*|0.\d*[1-9]\d*|0?.0+|0)$ 匹配浮點數
        ^[1-9]\d*.\d*|0.\d*[1-9]\d*|0?.0+|0$ 匹配非負浮點數(正浮點數 + 0)
        ^(-([1-9]\d*.\d*|0.\d*[1-9]\d*))|0?.0+|0$ 匹配非正浮點數(負浮點數 + 0)

        2.3.4匹配特定字符串

        正則表達式 用途
        ^[A-Za-z]+$ 匹配由26個英文字母組成的字符串
        ^[A-Z]+$ 匹配由26個英文字母的大寫組成的字符串
        ^[a-z]+$ 匹配由26個英文字母的小寫組成的字符串
        ^[A-Za-z0-9]+$ 匹配由數字和26個英文字母組成的字符串
        ^\w+$ 匹配由數字、26個英文字母或者下劃線組成的字符串

        3方法

        3.1 test方法

        ? 檢索字符串中指定的值。返回 true 或 false。 檢索字符串中指定的值。返回 true 或 false。

        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>text</title>
        </head>
        <body>
            <script type="text/javascript">
                var reg = /123/g;
                var str = 'hello123hello123';
                console.log(reg.test(str));//true
                console.log(reg.lastIndex);//8
                console.log(reg.test(str));//true
                console.log(reg.lastIndex);//16
                console.log(reg.test(str));//false
                console.log(reg.lastIndex);//0
                
            </script>
        </body>
        </html>
        //使用了g修飾符的正則表達式,表示要記錄每一次搜索的位置,接著使用test方法,每次開始搜索的位置都是上一次匹配的后一個位置。

        3.2 exec方法

        ? 方法用于檢索字符串中的正則表達式的匹配。返回一個數組,其中存放匹配的結果。如果未找到匹配,則返回值為 null。

        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>exec</title>
        </head>
        <body>
            <script type="text/javascript">
                var str='abc';
                var reg1 = /x/;
                var reg2 = /a/;
                console.log(reg1.exec(str));//null
                console.log(reg2.exec(str));//array["a", index: 0, input: "xyz"]
        
            </script>
        </body>
        </html>

        ? 如果正則表達式包含圓括號,則返回的數組會包括多個元素。首先是整個匹配成功的結果,后面是圓括號里匹配成功的結果,如果有多個圓括號,他們的匹配成功的結果都會成為數組元素

        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>exec</title>
        </head>
        <body>
            <script type="text/javascript">
                var str='abcdabc';
                var reg1 = /(a)b(c)/;
                console.log(reg1.exec(str));//["abc", "a", "c", index: 0, input: "abcdabc", groups: undefined]
            </script>
        </body>
        </html>

        3.3 search方法

        ? search() 方法用于檢索字符串中指定的子字符串,或檢索與正則表達式相匹配的子字符串。

        ? 返回值: stringObject 中第一個與 regexp 相匹配的子串的起始位置。

        ? 注釋:如果沒有找到任何匹配的子串,則返回 -1。

        ? search() 方法不執行全局匹配,它將忽略標志 g。它同時忽略 regexp 的 lastIndex 屬性,并且總是從字符串的開始進行檢索,這意味著它總是返回 stringObject 的第一個匹配的位置。

        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>search</title>
        </head>
        <body>
            <script type="text/javascript">
                var str='abcdefgh';
                console.log(str.search('h'))//7
            </script>
        </body>
        </html>

        3.4match方法

        ? match() 方法可在字符串內檢索指定的值,或找到一個或多個正則表達式的匹配。該方法類似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

        ? 字符串對象的match方法與正則對象的exec方法比較類似:但是如果正則表達式帶有g修飾符,那么match方法與exec方法就有差別了:可以看到match返回了所有成功匹配的結果,但是exec方法只返回了一個。

        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>match</title>
        </head>
        <body>
            <script type="text/javascript">
                var str = "abcd";
                var reg1 = /a/;
                var reg2 = /x/;
                console.log(str.match(reg1));//a
                console.log(str.match(reg2));//null
        
                var str2 = "abcabc";
                var reg3 = /a/g;
                console.log(str2.match(reg3));//['a','a']
            </script>
        </body>
        </html>

        3.5 replace方法

        ? replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個與正則表達式匹配的子串。

        返回值:一個新的字符串,是用 replacement 替換了 regexp 的第一次匹配或所有匹配之后得到的。

        ? 字符串 stringObject 的 replace() 方法執行的是查找并替換的操作。它將在 stringObject 中查找與 regexp 相匹配的子字符串,然后用 replacement 來替換這些子串。如果 regexp 具有全局標志 g,那么 replace() 方法將替換所有匹配的子串。否則,它只替換第一個匹配子串。

        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>replace</title>
        </head>
        <body>
            <script type="text/javascript">
                var str = "aaa";
                console.log(str.replace('a', 'f'));//fbcdaa
            </script>
        </body>
        </html>

        3.6 split方法

        ? split(‘字符串的分割正則','返回數組的最大成員數');返回分割后各部分組成的數組

        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>split</title>
        </head>
        <body>
            <script type="text/javascript">
                var str = "a,b,c,d,e,f";
                var res = str.split(",");//以逗號來分割字符串
                console.log(res);//["a", "b", "c", "d", "e", "f"]
                var str2 =  "a, b ,c,d";
                var res2 = str2.split(/, */);//以0或對個逗號空格來分割字符串
                console.log(res2);//["a", "b ", "c", "d"]
            </script>
        </body>
        </html>

        3.7示例:

        • 從URL中提取子域名
        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>split</title>
        </head>
        <body>
            <script type="text/javascript">
                  var url = "http://www.abc.com";
                  var reg = /[^.]+/;//匹配除了.之外的其他字符
                  var res = reg.exec(url)[0].substr(7);
                  console.log(reg.exec(url));//["http://www", index: 0, input: "http://www.abc.com"]
                  console.log(res);//www
            </script>
        </body>
        </html>

        4.常用正則匹配

        匹配國內電話號碼:\d{3}-\d{8}|\d{4}-\d{7}
        
        如 0511-4405222021-87888822
        
        匹配QQ號:[1-9][0-9]{4,}
        
        從10000開始
        
        郵政編碼:[1-9]\d{5}(?!\d)
        
        郵政編碼為6位數字
        
        匹配身份證:/^(\d{14}|\d{17})(\d|[xX])$/
        
        匹配規則:身份證號碼有15位或者18位,其中最后一位可能是X,其他全是數字
        
        匹配ip地址:\d+.\d+.\d+.\d+
        
        匹配帳號是否合法(字母開頭,允許5-16字節,允許字母數字下劃線):^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 表單驗證時很實用
        
        匹配中文字符: /[\u4E00-\u9FA5\uf900-\ufa2d]/
        
        使用 Unicode,必須使用\u開頭,接著是字符編碼的四位16進制表現形式
        
        匹配Email地址:
        
        /^([a-zA-Z_0-9-])+@([a-zA-Z_0-9-])+(.[a-zA-Z_0-9-])+$/
        
        郵箱的規則是: 由3部分組成
        
        由1個或者多個字母數字下劃線和杠 + @ + 1個或者多個字母數字下劃線和杠 + . + 1個或者多個字母數字下劃線和杠
        
        匹配網址URL:[a-zA-z]+://[^\s]*
        
        判斷字符串是不是由數字組成: /^\d*$/
        
        限制文本框只能輸入數字和小數點(二位小數點):
        
        /^\d*.?\d{0,2}$/
        
        說明:開頭有0個或者多個數字,(?表示匹配前一項0次或者多次)中間有0個或者1個小數點,小數點后面有0個或者最多2個數字
        
        用戶名正則: /^[\u4E00-\u9FA5\uf900-\ufa2d\w]{4,16}$/
        
        匹配規則:只能是中文,英文,數字,下劃線,4-16個字符
        
        匹配中文字符正則:/[\u4E00-\u9FA5\uf900-\ufa2d]/
        
        \w是 匹配英文,數字,下劃線
        
        匹配英文地址:/^[a-zA-Z][.a-zA-Z\s,0-9]*?[a-zA-Z]+/匹配規則:包含點,字母,空格,逗號,數字,但是開頭和結尾必須為字母分析:開頭必須為字母可以這樣寫/[a−zA−Z]/結尾必須為字母可以這樣寫:/[a−zA−Z]+/
        
        中間包含點,字母,空格,逗號,數字的正則:/[.a-zA-Z\s,0-9]*?/
        
        外面的*號是0個或者多個,后面的問號? 代表可有可無;有就匹配,沒有就不匹配;
        
        匹配價格:/^\d*(.\d{0,2})?$/
        
        匹配規則: 開頭有0個或者多個數字,中間可能有一個小數點,后面有可能有0-2位小數
        
        單詞的首字母大寫:/\b(\w)|\s(\w)/g
        
        驗證日期格式:/^\d{4}[-\/]\d{1,2}[-\/]\d{1,2}$/
        
        日期格式有2種 第一種是yyyy-mm-dd 或 yyyy/mm/dd
        
        分析:月和天數可以有1位或者2

        此文源于: https://www.jb51.net/article/97901.htm

        相關教程
                
        免费看成年人视频大全_免费看成年人视频在线观看