怎樣理解JavaScript 正則表達式

今天就跟大家聊聊有關怎樣理解JavaScript 正則表達式，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據(jù)這篇文章可以有所收獲。

1. 正則表達式創(chuàng)建

JavaScript 有兩種方式創(chuàng)建正則表達式：

• 第一種：直接通過/正則表達式/寫出來

• 第二種：通過new RegExp('正則表達式')創(chuàng)建一個RegExp對象

const re1 = /ABC\-001/;
const re2 = new RegExp('ABC\\-001');
re1; // /ABC\-001/
re2; // /ABC\-001/

注意，如果使用第二種寫法，因為字符串的轉義問題，字符串的兩個\實際上是一個\。

2. 使用模式

2.1 使用簡單模式

簡單的模式是由找到的直接匹配所構成的。比如，/abc/這個模式就匹配了在一個字符串中，僅僅字符 'abc' 同時出現(xiàn)并按照這個順序。在 "Hi, do you know your abc's?" 和 "The latest airplane designs evolved from slabcraft." 就會匹配成功。在上面的兩個實例中，匹配的是子字符串 'abc'。在字符串 "Grab crab" 中將不會被匹配，因為它不包含任何的 'abc' 子字符串。

2.2 使用特殊字符

例如：模式/abc/匹配了一個單獨的 'a' 后面跟了零個或者多個 'b'（的意思是前面一項出現(xiàn)了零個或者多個），且后面跟著 'c' 的任何字符組合。在字符串 "s'scbbabbbbcdebc" 中，這個模式匹配了子字符串 "abbbbc"。

3. 應用

3.1 切分字符串

用正則表達式切分字符串比用固定的字符更靈活，通常的切分代碼：

'a d   c'.split(' '); // ['a', 'd', '', '', 'c']

上面方法無法識別連續(xù)的空格，改用正則表達式：

'a b   c'.split(/\s+/); // ['a', 'b', 'c']

無論多少個空格都可以正常分割。再加入‘,'：

'a,b, c  d'.split(/[\s\,]+/); // ['a', 'b', 'c', 'd']

再加入;：

'a,b;; c  d'.split(/[\s\,\;]+/); // ['a', 'b', 'c', 'd']

所以，可以用正則表達式來把不規(guī)范的輸入轉化成正確的數(shù)組。

3.2 分組

除了判斷是否匹配之外，正則表達式還可以提取子串，用()表示的就是要提取的分組（Group）。比如：

^(\d{4})-(\d{4,9})$分別定義了兩個組，可以直接從匹配的字符串中提取出區(qū)號和本地號碼：

var re = /^(\d{4})-(\d{4,9})$/;
re.exec('0530-12306'); // ['010-12345', '010', '12345']
re.exec('0530 12306'); // null

exec()方法在匹配成功后，返回一個數(shù)組，第一個元素是正則表達式匹配到的整個字符串，后面的字符串表示匹配成功的子串。

exec()方法在匹配失敗時返回null。

3.3 貪婪匹配

注意，正則匹配默認是貪婪匹配，也就是匹配盡可能多的字符。如下，匹配出數(shù)字后面的0：

var re = /^(\d+)(0*)$/;
re.exec('102300'); // ['102300', '102300', '']

由于\d+采用貪婪匹配，直接把后面的0全部匹配了，結果0*只能匹配空字符串了。

必須讓\d+采用非貪婪匹配（也就是盡可能少匹配），才能把后面的0匹配出來，加個?就可以讓\d+采用非貪婪匹配：

var re = /^(\d+?)(0*)$/;
re.exec('102300'); // ['102300', '1023', '00']

3.4 正則表達式標志

g	全局搜索。
i	不區(qū)分大小寫搜索。
m	多行搜索。
y	執(zhí)行“粘性”搜索,匹配從目標字符串的當前位置開始，可以使用y標志。

3.5 test() 方法

test() 方法用于檢測一個字符串是否匹配某個模式，如果字符串中含有匹配的文本，則返回 true，否則返回 false。

var re = /^(\d{4})-(\d{4,9})$/;
re.test('0530-12321'); // true
re.test('0530-123ab'); // false
re.test('0530 12321'); // false

4. 常用正則（參考）

驗證Email地址：^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
驗證身份證號（15位或18位數(shù)字）：^\d{15}|\d{}18$
中國大陸手機號碼：1\d{10}
中國大陸固定電話號碼：(\d{4}-|\d{3}-)?(\d{8}|\d{7})
中國大陸郵政編碼：[1-9]\d{5}
IP地址：((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)
日期(年-月-日)：(\d{4}|\d{2})-((1[0-2])|(0?[1-9]))-(([12][0-9])|(3[01])|(0?[1-9]))
日期(月/日/年)：((1[0-2])|(0?[1-9]))/(([12][0-9])|(3[01])|(0?[1-9]))/(\d{4}|\d{2})
驗證數(shù)字：^[0-9]*$
驗證n位的數(shù)字：^\d{n}$
驗證至少n位數(shù)字：^\d{n,}$
驗證m-n位的數(shù)字：^\d{m,n}$
驗證零和非零開頭的數(shù)字：^(0|[1-9][0-9]*)$
驗證有1-3位小數(shù)的正實數(shù)：^[0-9]+(.[0-9]{1,3})?$
驗證非零的正整數(shù)：^\+?[1-9][0-9]*$
驗證非零的負整數(shù)：^\-[1-9][0-9]*$
驗證非負整數(shù)（正整數(shù) + 0） ^\d+$
驗證非正整數(shù)（負整數(shù) + 0） ^((-\d+)|(0+))$
驗證長度為3的字符：^.{3}$
驗證由26個英文字母組成的字符串：^[A-Za-z]+$
驗證由26個大寫英文字母組成的字符串：^[A-Z]+$
驗證由26個小寫英文字母組成的字符串：^[a-z]+$
驗證由數(shù)字和26個英文字母組成的字符串：^[A-Za-z0-9]+$

看完上述內容，你們對怎樣理解JavaScript 正則表達式有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業(yè)資訊頻道，感謝大家的支持。