JS應用之正則表達式

時間 2019-12-07

原文原文鏈接

定義

正則表達式是用於匹配字符串中字符組合的模式。正則表達式

建立正則表達式

兩種方式：chrome

1.new RegExp()數組

let pattern1 = new RegExp('cat'); //第一個參數字符串
let pattern2 = new RegEXP('cat', 'ig'); //第二個參數可選模式修飾符

i：忽略大小寫
g：全局匹配，即模式被應用於全部字符串，而非匹配到第一項時當即中止
m：多行匹配
y：執行「粘性」搜索,匹配從目標字符串的當前位置開始，能夠使用y標誌

2.字面量（如下栗子均使用字面量的方式建立正則表達式）測試

let pattern3 = /cat/;
let pattern4 = /cat/ig;

匹配正則表達式

1.test
在字符串中測試是否匹配的RegExp方法，它返回true或false。google

let str = 'This is a cat!';
console.log(pattern4.test(str)); //true

2.exec
在字符串中執行查找匹配的RegExp方法，它返回一個數組（未匹配到則返回null）。編碼

console.log(pattern4.exec(str)); //[cat]

3.match
在字符串中執行查找匹配的String方法，它返回一個數組或者在未匹配到時返回null。firefox

console.log(str.match(pattern4)); //[cat]

4.replace
在字符串中執行查找匹配的String方法，而且使用替換字符串替換掉匹配到的子字符串。code

console.log(str.replace(pattern4, 'dog')); //This is a dog!

5.search
在字符串中測試匹配的String方法，它返回匹配到的位置索引，或者在失敗時返回-1。索引

console.log(str.search(pattern4)); //10

6.split
使用正則表達式或者一個固定字符串分隔一個字符串，並將分隔後的子字符串存儲到數組中的String方法。字符串

console.log(str.split(pattern4)); //["This is a ", "!"]

正則表達式語法

重複匹配（?、*、+、.、{m,n}）

.匹配除換行符外的任意字符，單個匹配
x?匹配0個或1個x
x*匹配0個或任意多個x
x+匹配至少1個x
x{m,n}匹配最少m，最多n個的x，閉區間
(xyz){m,n}把xyz當作一個總體，匹配xyz最少m次最多n次
chrome|firefox|ie匹配chrome或者firefox或者ie中的任意一個

let str = 'google',
    str1 = 'gooooogle',
    str2 = 'ggle',
    pattern = /g..gle/,
    pattern1 = /go*gle/,
    pattern2 = /go+gle/,
    pattern3 = /g.*gle/,//0個或多個的任意字符
    pattern4 = /go?gle/，
    pattern5 = /go{2,4}gle/,
    pattern6 = /go{3}gle/,//匹配3個o->gooogle
    pattern7 = /go{3,}gle/;//匹配3個或3個以上o
    
console.log(pattern.test(str));//true
console.log(pattern1.test(str));//true
console.log(pattern1.test(str1));//true
console.log(pattern2.test(str1));//true
console.log(pattern2.test(str2));//false
console.log(pattern3.test(str));//true
console.log(pattern3.test(str2));//true
console.log(pattern4.test(str));//false
console.log(pattern7.test(str1));//true

字符類匹配

[a-z]*表示任意個a-z中的字符
[A-Z]*表示任意個A-Z中的字符
[0-9]*表示任意個0-9中的字符
[a-zA-Z0-9]表示匹配一個以上三種狀況下的任意一個字符
[^0-9]表示非0-9的任意字符
^[0-9]表示以0-9爲起始字符,^表示從起始位置開始匹配
[0-9]$表示以0-9爲結束字符,$表示匹配結束位置
/d匹配數字，同[0-9]
/D匹配非數字，同[ ^0-9]
/w匹配字母數字及下劃線_,同[a-zA-Z0-9_]
/W匹配非字母數字及下劃線_,同[^a-zA-Z0-9_]
\b匹配單詞邊界
\B匹配非單詞邊界

空白字符

\0匹配null字符
\f匹配換頁字符
\n匹配換行符
\r匹配回車字符
\t匹配製表符
\s匹配空白字符、空格、製表符和換行符
\S匹配非空白字符

貪婪模式和非貪婪模式
?緊跟在任何量詞 *、 +、? 或 {} 的後面，將會使量詞變爲非貪婪的（匹配儘可能少的字符），和缺省使用的貪婪模式（匹配儘量多的字符）正好相反。

console.log('123abc'.match(/\d+/)); //[123]
console.log('123abc'.match(/\d+?/)); //[1]

捕獲和非捕獲
(x)匹配 'x' 而且記住匹配項。括號被稱爲捕獲括號。

console.log(/(\d+)([a-z]+)/.exec('123abc')); //[12abc, 123, abc]
console.log(/(\d+)(?:[a-z]+)/.exec('123abc')); //[123abc, 123]

正向確定查找和正向否認查找
x(?=y)匹配'x'僅僅當'x'後面跟着'y'.這種叫作正向確定查找。
x(?!y)匹配'x'僅僅當'x'後面不跟着'y',這個叫作正向否認查找。

console.log(/goo(?=gle)/.exec('google')); //[goo]
console.log(/goo(?=gle)/.exec('goodu')); //null

console.log(/goo(?!gle)/.exec('google')); //null
console.log(/goo(?!gle)/.exec('goodu')); //[goo]