本篇內(nèi)容介紹了“如何使用正則表達(dá)式RegExp”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)建站是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷策劃、微信平臺(tái)小程序開(kāi)發(fā)、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動(dòng)互聯(lián)開(kāi)發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立10年以來(lái)，已經(jīng)為超過(guò)千家履帶攪拌車各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的超過(guò)千家客戶與我們一路同行，見(jiàn)證我們的成長(zhǎng)；未來(lái)，我們一起分享成功的喜悅。

Numbered capture groups

我們知道正則表達(dá)式可以分組，分組是用括號(hào)來(lái)表示的，如果想要獲取到分組的值，那么就叫做capture groups。

通常來(lái)說(shuō)，我們是通過(guò)序號(hào)來(lái)訪問(wèn)capture groups的，這叫做Numbered capture groups。

舉個(gè)例子：

const RE_DATE = /([0-9]{4})-([0-9]{2})-([0-9]{2})/;const matchObj = RE_DATE.exec('1999-12-31');const year = matchObj[1]; // 1999const month = matchObj[2]; // 12const day = matchObj[3]; // 31

上面的正則表達(dá)式要匹配年月日，然后通過(guò)exec方法，返回match的數(shù)組。這個(gè)數(shù)組存儲(chǔ)的是匹配的groups信息。

因?yàn)槲覀冇腥齻€(gè)括號(hào)，所以可以匹配三個(gè)group。然后通過(guò)1，2，3來(lái)訪問(wèn)特定的group。

我們把上面的matchObj輸出看一下其中的內(nèi)容：

[
  '1999-12-31',
  '1999',
  '12',
  '31',
  index: 0,
  input: '1999-12-31',
  groups: undefined]

可以看到matchObj是一個(gè)數(shù)組，index 0存儲(chǔ)的是要匹配的字符串。這里我們看到matchObj還有一個(gè)groups是undefined，這個(gè)groups就是命名groups。

Named capture groups

上面講到了numbered capture groups是通過(guò)序列號(hào)來(lái)訪問(wèn)到匹配的數(shù)據(jù)。但是匹配到的group是沒(méi)有名字的。

我們看下怎么才能夠給這些groups起個(gè)名字：

const RE_DATE = /(?<year>[0-9]{4})-(?<month>[0-9]{2})-(?<day>[0-9]{2})/;const matchObj = RE_DATE.exec('1999-12-31');const year = matchObj.groups.year; // 1999const month = matchObj.groups.month; // 12const day = matchObj.groups.day; // 31

看下matchObj的內(nèi)容：

[
  '1999-12-31',
  '1999',
  '12',
  '31',
  index: 0,
  input: '1999-12-31',
  groups: [Object: null prototype] { year: '1999', month: '12', day: '31' }]

可以看到，這次多了groups的信息。

如果要匹配我們之前匹配過(guò)的group信息，則可以使用numbered groups的 \k 或者 named groups的 \k<name>.

我們看一個(gè)例子：

const RE_TWICE = /^(?<word>[a-z]+)!\k<word>$/;RE_TWICE.test('abc!abc'); // trueRE_TWICE.test('abc!ab'); // false

const RE_TWICE = /^(?<word>[a-z]+)!\1$/;RE_TWICE.test('abc!abc'); // trueRE_TWICE.test('abc!ab'); // false

兩種語(yǔ)法都可以使用。

Named capture groups還可以和replace一起使用。

有了group name，我們可以直接在replace中使用group name來(lái)做引用：

const RE_DATE = /(?<year>[0-9]{4})-(?<month>[0-9]{2})-(?<day>[0-9]{2})/;console.log('1999-12-31'.replace(RE_DATE,'<month>/<day>/$<year>'));// 12/31/1999

replace的第二個(gè)參數(shù)還可以是一個(gè)函數(shù)，函數(shù)的參數(shù)就是我們group出來(lái)的一些內(nèi)容：

const RE_DATE = /(?<year>[0-9]{4})-(?<month>[0-9]{2})-(?<day>[0-9]{2})/;console.log('1999-12-31'.replace(RE_DATE,(g0,y,m,d,offset,input, {year, month, day}) => // (A)month+'/'+day+'/'+year));// 12/31/1999

上面的例子中，g0 = 1999-12-31 表示匹配的子字符串。 y, m, d 匹配的是numbered groups 1，2，3。

input 是整個(gè)的輸入。{year, month, day} 匹配的是named groups。

RegExp中Unicode屬性的轉(zhuǎn)義

在Unicode標(biāo)準(zhǔn)中，每一個(gè)字符都有屬性，簡(jiǎn)單點(diǎn)說(shuō)屬性就是用來(lái)描述這個(gè)字符的。

比如說(shuō)General_Category表示的是字符的分類： x: General_Category = Lowercase_Letter

White_Space表示的是空格，tabs和換行： \t: White_Space = True

Age表示的是該字符什么時(shí)候被加入到Unicode中等等。

這些屬性還有對(duì)應(yīng)的縮寫(xiě)： Lowercase_Letter = Ll ， Currency_Symbol = Sc 等等。

舉個(gè)例子，比如說(shuō)我們想匹配空格。傳統(tǒng)做法是這樣做的：

> /^\s+$/.test('\t \n\r')true

前面是正則表達(dá)式，然后使用一個(gè)test方法來(lái)匹配字符串，最終得到的true。

剛剛講到了unicode的屬性，我們也可以用屬性來(lái)匹配：

> /^\p{White_Space}+$/u.test('\t \n\r')true

屬性匹配使用的是\p, 后面跟的是屬性值。

注意，我們還要在正則表達(dá)式后面加上u，以表示使用的是Unicode屬性轉(zhuǎn)義。

lookaround assertion

lookaround assertion可以被翻譯為環(huán)視斷言，它是正則表達(dá)式中的一種結(jié)構(gòu)，用來(lái)判斷要匹配的對(duì)象的前后環(huán)境是什么樣的。

有兩種lookaround assertion，一種是Lookahead一種是Lookbehind。

我們先看一下Lookahead的使用：

const RE_AS_BS = /aa(?=bb)/;const match2 = RE_AS_BS.exec('aabb');console.log(match2[0]); // 'aa'const match3 = RE_AS_BS.exec('aab');console.log(match3); // null

lookahead就是向前查看，上面我們使用的是(?=bb) 來(lái)向前匹配bb。

注意，雖然正則表達(dá)式匹配上了aabb，但是match中并不包含bb。

結(jié)果是第一個(gè)匹配上了，第二個(gè)沒(méi)有匹配。

除了是用?= 之外，我們還可以使用?! 表示不等：

> const RE_AS_NO_BS = /aa(?!bb)/;> RE_AS_NO_BS.test('aabb')false> RE_AS_NO_BS.test('aab')true> RE_AS_NO_BS.test('aac')true

再來(lái)看一下Lookbehind的使用。

Lookbehind和Lookahead查詢的方向剛剛相反。

向后匹配是使用?<=來(lái)表示的，我們來(lái)看一個(gè)例子：

const RE_DOLLAR_PREFIX = /(?<=\)foo/g;'foo %foo foo'.replace(RE_DOLLAR_PREFIX, 'bar');// '$bar %foo foo'

上面的例子中，我們匹配了最前面的$，然后使用bar替換掉了foo。

同樣的，我們也可以使用?<! 來(lái)表示非相等的情況：

const RE_NO_DOLLAR_PREFIX = /(?<!\)foo/g;'foo %foo foo'.replace(RE_NO_DOLLAR_PREFIX, 'bar');// '$foo %bar bar'

dotAll flag

正常情況下dot . 代表的是一個(gè)字符，但是這個(gè)字符不能夠代表行的結(jié)束符：

> /^.$/.test('\n')false

而dotAll是在 dot . 匹配后面引入的s, 它可以被用來(lái)匹配行的結(jié)束符：

> /^.$/s.test('\n')true

在ES中，有下面幾種字符表示的都是行的結(jié)束符：

• U+000A LINE FEED (LF) (\n)

• U+000D CARRIAGE RETURN (CR) (\r)

• U+2028 LINE SEPARATOR

• U+2029 PARAGRAPH SEPARATOR

“如何使用正則表達(dá)式RegExp”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

網(wǎng)站標(biāo)題：如何使用正則表達(dá)式RegExp
網(wǎng)頁(yè)鏈接：http://aaarwkj.com/article16/igojdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、自適應(yīng)網(wǎng)站、品牌網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷推廣、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)