什么是RegExp

什么是RegExp，針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

什么是 RegExp？

RegExp 是正則表達式（Regular expression）的縮寫，作用是對字符串執行模式匹配。

通常用于格式驗證、正則替換、查找子串等

各種編程語言的正則表達式基本相同，不同的語言可能會有一些細小的差別

RegExp 語法

1.// 直接實例化

2.var reg = new RegExp(pattern [, flags])

3.// 隱式創建(推薦)

4.var reg = /pattern/flags;

參數 pattern 是一個字符串，指定了正則表達式的模式或其他正則表達式。

參數 [, flags] 是一個可選的字符串，包含屬性 “g”（global ）、”i” （ignoreCase）和 “m”（multiline）。

ECMAScript 標準化之前，不支持 m 屬性。如果 pattern 是正則表達式，而不是字符串，則必須省略該參數。

概念：子表達式

在正則表達式中，使用括號括起來的內容是一個子表達式，子表達式匹配到的內容會被系統捕獲至緩沖區，使用\n（n：數字）來反向引用系統的第n號緩沖區的內容。

場景：后面的內容要求與前面的一致，可以使用子表達式

1.// 查找連續相同的四個數字

2.var str = "1212ab45677778cd";

3.var reg = /(\d)\1\1\1/gi;

4.console.log(str.match(reg));

5.// OUTPUT:7777

概念：方括號（字符簇）

1.var str = "Is this all there is?";
2.var patt1 = /[a-h]/g;
3.document.write(str.match(patt1));
4.// OUTPUT:h,a,h,e,e

方括號 作用

概念：元字符

元字符（Metacharacter）是擁有特殊含義的字符：

元字符 | 作用
—|—
\ | 轉義符 （、）、/、\
| | 選擇匹配符，可以匹配多個規則
. | 查找單個字符，除了換行和行結束符。
\w | 查找單詞字符。字符 ( 字母 ，數字，下劃線_ )
\W | 查找非單詞字符。
\d | 查找數字。
\D | 查找非數字字符。
\s | 查找空白字符。空格
\S | 查找非空白字符。
\b | 匹配單詞邊界。
\B | 匹配非單詞邊界。
\0 | 查找 NUL 字符。
\n | 查找換行符。
\f | 查找換頁符。
\r | 查找回車符。
\t | 查找制表符。
\v | 查找垂直制表符。
\xxx | 查找以八進制數 xxx 規定的字符。
\xdd | 查找以十六進制數 dd 規定的字符。
\uxxxx | 查找以十六進制數 xxxx 規定的 Unicode 字符。

概念：量詞

RegExp 對象方法

test()

test() 方法檢索字符串中是否存在指定的值。返回值是 true 或 false。

1.var patt1 = new RegExp('e');
2.console.log(patt1.test('some text'));
3.// OUTPUT:true
4.var patt2 = new RegExp('ee');
5.console.log(patt2.test('some text'));
6.// OUTPUT:false

1.// 判斷是不是QQ號
2.// 1 首位不能是0  ^[1-9]
3.// 2 必須是 [5, 11] 位的數字 \d{4, 9}
4.var str = '80583600';
5.var regexp = /^[1-9][0-9]{4,10}$/gim;
6.if (regexp.test(str)) {
7.    alert('is');
8.} else {
9.    alert('no');
10.}

exec()

exec() 方法檢索字符串中的指定值。返回值是被找到的值。如果沒有發現匹配，則返回 null。

1.var patt1 = new RegExp('e');
2.console.log(patt1.exec('some text'));
3.// OUTPUT:e
4.var patt2 = new RegExp('ee');
5.console.log(patt2.exec('some text'));
6.// OUTPUT:null

compile()

compile() 既可以改變檢索模式，也可以添加或刪除第二個參數。

1.var patt1=new RegExp("e");
2.document.write(patt1.test("The best things in life are free")); // true
3.// 改變了檢索模式
4.patt1.compile("eee");
5.document.write(patt1.test("The best things in life are free")); // false
支持正則表達式的 String 對象的方法

search 檢索與正則表達式相匹配的值。

1.var str = "Visit W3School!"
2.console.log(str.search(/W3School/))
3.// OUTPUT:6
match 找到一個或多個正則表達式的匹配。

1.var str="1 plus 2 equal 3"
2.console.log(str.match(/\d+/g))
3.// OUTPUT:1,2,3
replace 替換與正則表達式匹配的子串。

1.var str = "Visit Microsoft!"
2.console.log(str.replace(/Microsoft/, "W3School"));
3.// OUTPUT:Visit W3School!
1.// 找重復項最多的字符個數
2.var str = 'g21ss4aeba_ersb43sgnnsssstht6sss60snnsj8resw0_ss';
3.// split : 將字符串轉化為數組
4.// sort : 對數組排序，ASCII
5.// join : 將數組轉化為字符串
6.var str_new = str.split('').sort().join('');
7.document.write(str + '<br>');
8.document.write(str.split('') + '<br>');
9.document.write(str.split('').sort() + '<br>');
10.document.write(str.split('').sort().join('') + '<br>');
11.// 匹配字符，且重復這個字符，重復次數至少一次。
12.var regexp = /(\w)\1+/g;
13.var index = 0;
14.var value = '';
15.str_new.replace(regexp, function($0, $1) {
16.    // document.write($0);
17.    // document.write($1);
18.    if (index < $0.length) {
19.        index = $0.length;
20.        value = $1;
21.    }
22.});
23.document.write('重復項最多的字符是：' + value + '，個數是：' + index);
24.// OUTPUT:
25.// 0012344668__aabbeeegghjnnnnrrssssssssssssssssttw
26.// 重復項最多的字符是：s，個數是：16
split 把字符串分割為字符串數組。

1.var str = "How are you doing today?"
2.document.write(str.split(/\s+/));
3.// OUTPUT:How,are,you,doing,today?

經驗：

檢驗格式（郵箱格式、IP格式）是否正確，用test()
抓取星期（如所有手機號），用exec()、match()
替換敏感詞匯，用replace()

常見的 正則表達式 校驗

1.// 常見的 正則表達式 校驗
2.// QQ號、手機號、Email、是否是數字、去掉前后空格、是否存在中文、郵編、身份證、URL、日期格式、IP
3.var myRegExp = {
4.    // 檢查字符串是否為合法QQ號碼
5.    isQQ: function(str) {
6.        // 1 首位不能是0  ^[1-9]
7.        // 2 必須是 [5, 11] 位的數字  \d{4, 9}
8.        var reg = /^[1-9][0-9]{4,9}$/gim;
9.        if (reg.test(str)) {
10.            console.log('QQ號碼格式輸入正確');
11.            return true;
12.        } else {
13.            console.log('請輸入正確格式的QQ號碼');
14.            return false;
15.        }
16.    },
17.    // 檢查字符串是否為合法手機號碼
18.    isPhone: function(str) {
19.        var reg = /^(0|86|17951)?(13[0-9]|15[012356789]|18[0-9]|14[57]|17[678])[0-9]{8}$/;
20.        if (reg.test(str)) {
21.            console.log('手機號碼格式輸入正確');
22.            return true;
23.        } else {
24.            console.log('請輸入正確格式的手機號碼');
25.            return false;
26.        }
27.    },
28.    // 檢查字符串是否為合法Email地址
29.    isEmail: function(str) {
30.        var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
31.        // var reg = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
32.        if (reg.test(str)) {
33.            console.log('Email格式輸入正確');
34.            return true;
35.        } else {
36.            console.log('請輸入正確格式的Email');
37.            return false;
38.        }
39.    },
40.    // 檢查字符串是否是數字
41.    isNumber: function(str) {
42.        var reg = /^\d+$/;
43.        if (reg.test(str)) {
44.            console.log(str + '是數字');
45.            return true;
46.        } else {
47.            console.log(str + '不是數字');
48.            return false;
49.        }
50.    },
51.    // 去掉前后空格
52.    trim: function(str) {
53.        var reg = /^\s+|\s+$/g;
54.        return str.replace(reg, '');
55.    },
56.    // 檢查字符串是否存在中文
57.    isChinese: function(str) {
58.        var reg = /[\u4e00-\u9fa5]/gm;
59.        if (reg.test(str)) {
60.            console.log(str + ' 中存在中文');
61.            return true;
62.        } else {
63.            console.log(str + ' 中不存在中文');
64.            return false;
65.        }
66.    },
67.    // 檢查字符串是否為合法郵政編碼
68.    isPostcode: function(str) {
69.        // 起始數字不能為0，然后是5個數字  [1-9]\d{5}
70.        var reg = /^[1-9]\d{5}$/g;
71.        // var reg = /^[1-9]\d{5}(?!\d)$/;
72.        if (reg.test(str)) {
73.            console.log(str + ' 是合法的郵編格式');
74.            return true;
75.        } else {
76.            console.log(str + ' 是不合法的郵編格式');
77.            return false;
78.        }
79.    },
80.    // 檢查字符串是否為合法身份證號碼
81.    isIDcard: function(str) {
82.        var reg = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;
83.        if (reg.test(str)) {
84.            console.log(str + ' 是合法的身份證號碼');
85.            return true;
86.        } else {
87.            console.log(str + ' 是不合法的身份證號碼');
88.            return false;
89.        }
90.    },
91.    // 檢查字符串是否為合法URL
92.    isURL: function(str) {
93.        var reg = /^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*(:\d+)?(\/((\.)?(\?)?=?&?[a-zA-Z0-9_-](\?)?)*)*$/i;
94.        if (reg.test(str)) {
95.            console.log(str + ' 是合法的URL');
96.            return true;
97.        } else {
98.            console.log(str + ' 是不合法的URL');
99.            return false;
100.        }
101.    },
102.    // 檢查字符串是否為合法日期格式 yyyy-mm-dd
103.    isDate: function(str) {
104.        var reg = /^[1-2][0-9][0-9][0-9]-[0-1]{0,1}[0-9]-[0-3]{0,1}[0-9]$/;
105.        if (reg.test(str)) {
106.            console.log(str + ' 是合法的日期格式');
107.            return true;
108.        } else {
109.            console.log(str + ' 是不合法的日期格式，yyyy-mm-dd');
110.            return false;
111.        }
112.    },
113.    // 檢查字符串是否為合法IP地址
114.    isIP: function(str) {
115.        // 1.1.1.1  四段  [0 , 255]
116.        // 第一段不能為0
117.        // 每個段不能以0開頭
118.        //
119.        // 本機IP: 58.50.120.18 湖北省荊州市 電信
120.        var reg = /^([1-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])(\.([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])){3}$/gi;
121.        if (reg.test(str)) {
122.            console.log(str + ' 是合法的IP地址');
123.            return true;
124.        } else {
125.            console.log(str + ' 是不合法的IP地址');
126.            return false;
127.        }
128.    }
129.}
130.// 測試
131.// console.log(myRegExp.isQQ('80583600'));
132.// console.log(myRegExp.isPhone('17607160722'));
133.// console.log(myRegExp.isEmail('80583600@qq.com'));
134.// console.log(myRegExp.isNumber('100a'));
135.// console.log(myRegExp.trim('  100  '));
136.// console.log(myRegExp.isChinese('baixiaoming'));
137.// console.log(myRegExp.isChinese('小明'));
138.// console.log(myRegExp.isPostcode('412345'));
139.// console.log(myRegExp.isIDcard('42091119940927001X'));
140.// console.log(myRegExp.isURL('https://www.baidu.com/'));
141.// console.log(myRegExp.isDate('2017-4-4'));
142.// console.log(myRegExp.isIP('1.0.0.0'));

一、校驗數字的表達式

1.數字：^[0-9]*$
2.n位的數字：^\d{n}$
3.至少n位的數字：^\d{n,}$
4.m-n位的數字：^\d{m,n}$
5.零和非零開頭的數字：^(0|[1-9][0-9]*)$
6.非零開頭的最多帶兩位小數的數字：^([1-9][0-9]*)+(.[0-9]{1,2})?$
7.帶1-2位小數的正數或負數：^(\-)?\d+(\.\d{1,2})?$
8.正數、負數、和小數：^(\-|\+)?\d+(\.\d+)?$
9.有兩位小數的正實數：^[0-9]+(.[0-9]{2})?$
10.有1~3位小數的正實數：^[0-9]+(.[0-9]{1,3})?$
11.非零的正整數：^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?[1-9][0-9]*$
12.非零的負整數：^\-[1-9][]0-9"*$ 或 ^-[1-9]\d*$
13.非負整數：^\d+$ 或 ^[1-9]\d*|0$
14.非正整數：^-[1-9]\d*|0$ 或 ^((-\d+)|(0+))$
15.非負浮點數：^\d+(\.\d+)?$ 或 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$
16.非正浮點數：^((-\d+(\.\d+)?)|(0+(\.0+)?))$ 或 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$
17.正浮點數：^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
18.負浮點數：^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$
19.浮點數：^(-?\d+)(\.\d+)?$ 或 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$

二、校驗字符的表達式

1.漢字：^[\u4e00-\u9fa5]{0,}$
2.英文和數字：^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$
3.長度為3-20的所有字符：^.{3,20}$
4.由26個英文字母組成的字符串：^[A-Za-z]+$
5.由26個大寫英文字母組成的字符串：^[A-Z]+$
6.由26個小寫英文字母組成的字符串：^[a-z]+$
7.由數字和26個英文字母組成的字符串：^[A-Za-z0-9]+$
8.由數字、26個英文字母或者下劃線組成的字符串：^\w+$ 或 ^\w{3,20}$
9.中文、英文、數字包括下劃線：^[\u4E00-\u9FA5A-Za-z0-9_]+$
10.可以輸入含有^%&',;=?$\"等字符：[^%&',;=?$\x22]+
11.禁止輸入含有~的字符：[^~\x22]+

三、特殊需求表達式

1.Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
2.域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?
3.InternetURL：[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$
4.手機號碼：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$
5.電話號碼("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX)：^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$
6.國內電話號碼(0511-4405222、021-87888822)：\d{3}-\d{8}|\d{4}-\d{7}
7.身份證號(15位、18位數字)：^\d{15}|\d{18}$
8.短身份證號碼(數字、字母x結尾)：^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$
9.帳號是否合法(字母開頭，允許5-16字節，允許字母數字下劃線)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
10.密碼(以字母開頭，長度在6~18之間，只能包含字母、數字和下劃線)：^[a-zA-Z]\w{5,17}$
11.強密碼(必須包含大小寫字母和數字的組合，不能使用特殊字符，長度在8-10之間)：^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$
12.日期格式：^\d{4}-\d{1,2}-\d{1,2}
13.一年的12個月(01～09和1～12)：^(0?[1-9]|1[0-2])$
14.一個月的31天(01～09和1～31)：^((0?[1-9])|((1|2)[0-9])|30|31)$
15.xml文件：^([a-zA-Z]+-?)+[a-zA-Z0-9]+\\.[x|X][m|M][l|L]$
16.中文字符的正則表達式：[\u4e00-\u9fa5]
17.雙字節字符：[^\x00-\xff]    (包括漢字在內，可以用來計算字符串的長度(一個雙字節字符長度計2，ASCII字符計1))
18.空白行的正則表達式：\n\s*\r    (可以用來刪除空白行)
19.HTML標記的正則表達式：<(\S*?)[^>]*>.*?</\1>|<.*? />    (網上流傳的版本太糟糕，上面這個也僅僅能部分，對于復雜的嵌套標記依舊無能為力)
20.首尾空白字符的正則表達式：^\s*|\s*$或(^\s*)|(\s*$)    (可以用來刪除行首行尾的空白字符(包括空格、制表符、換頁符等等)，非常有用的表達式)
21.騰訊QQ號：[1-9][0-9]{4,}    (騰訊QQ號從10000開始)
22.中國郵政編碼：[1-9]\d{5}(?!\d)    (中國郵政編碼為6位數字)
23.IP地址：\d+\.\d+\.\d+\.\d+    (提取IP地址時有用)
24.IP地址：((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))

錢的輸入格式：

1.1.有四種錢的表示形式我們可以接受:"10000.00" 和 "10,000.00", 和沒有 "分" 的 "10000" 和 "10,000"：^[1-9][0-9]*$
2.2.這表示任意一個不以0開頭的數字,但是,這也意味著一個字符"0"不通過,所以我們采用下面的形式：^(0|[1-9][0-9]*)$
3.3.一個0或者一個不以0開頭的數字.我們還可以允許開頭有一個負號：^(0|-?[1-9][0-9]*)$
4.4.這表示一個0或者一個可能為負的開頭不為0的數字.讓用戶以0開頭好了.把負號的也去掉,因為錢總不能是負的吧.下面我們要加的是說明可能的小數部分：^[0-9]+(.[0-9]+)?$
5.5.必須說明的是,小數點后面至少應該有1位數,所以"10."是不通過的,但是 "10" 和 "10.2" 是通過的：^[0-9]+(.[0-9]{2})?$
6.6.這樣我們規定小數點后面必須有兩位,如果你認為太苛刻了,可以這樣：^[0-9]+(.[0-9]{1,2})?$
7.7.這樣就允許用戶只寫一位小數.下面我們該考慮數字中的逗號了,我們可以這樣：^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$
8.8.1到3個數字,后面跟著任意個 逗號+3個數字,逗號成為可選,而不是必須：^([0-9]+|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$
9.備注：這就是最終結果了,別忘了"+"可以用"*"替代如果你覺得空字符串也可以接受的話(奇怪,為什么?)最后,別忘了在用函數時去掉去掉那個反斜杠,一般的錯誤都在這里

關于什么是RegExp問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。