摘要：寫(xiě)一個(gè)正則表達(dá)式來(lái)測(cè)試變量中是否包含字符串。用函數(shù)給出不使用字符，但和等價(jià)的正則表達(dá)式。第十四課標(biāo)志全局匹配標(biāo)志第二個(gè)常用的標(biāo)志是全局匹配標(biāo)志，用字母表示。寫(xiě)出一個(gè)正則表達(dá)式來(lái)檢驗(yàn)合法性。非捕獲組的主要用途是給一個(gè)組賦予量詞。

TRY REGEX 是一個(gè)交互式的正則表達(dá)式學(xué)習(xí)項(xiàng)目
項(xiàng)目地址：https://github.com/callumacra...
在線地址：http://tryregex.com/
翻譯版在線：http://www.rakuhi.com/tryrege...
很適合正則表達(dá)式初學(xué)者學(xué)習(xí)、練習(xí)
總共28個(gè)小課程，從零基礎(chǔ)入門(mén)到能完成大多數(shù)正則表達(dá)式書(shū)寫(xiě)。

個(gè)人做了 翻譯&解答，有問(wèn)題之處歡迎指正

本交互課程意在介紹正則表達(dá)式，更明確的說(shuō)是JavaScript下的正則表達(dá)式。課程當(dāng)然也會(huì)教您用其他語(yǔ)言寫(xiě)正則表達(dá)式，但是您應(yīng)該知道它們是有區(qū)別的。
左側(cè)的控制臺(tái)就是一個(gè)JavaScript控制臺(tái)。請(qǐng)使用 setName("Your name") （Your name替換為您的名字）命令設(shè)置您的姓名來(lái)開(kāi)始課程。
還有一些有用的命令：執(zhí)行 help() 來(lái)查看它們

正則表達(dá)式（也寫(xiě)作 regex 或 regexp）是一個(gè)用來(lái)描述搜索模式的字符串——類(lèi)似星號(hào)（*）文件名匹配通配符，但更加有效（當(dāng)然也更加復(fù)雜）。
我們將會(huì)從一個(gè)非常基礎(chǔ)的例子開(kāi)始，來(lái)讓您掌握 JavaScript 中語(yǔ)法和正則表達(dá)式的使用。
bio是一個(gè)不知道是否包含您名字的變量。為了看看結(jié)果，請(qǐng)輸入 bio.match(/{{ firstEscaped }}/);。

從上個(gè)例子中您可以得知一些事情。第一，用于定義正則表達(dá)式的語(yǔ)法：使用兩個(gè)斜杠包含表達(dá)式：
/表達(dá)式/
如果您將它輸入控制臺(tái)，將會(huì)返回正則表達(dá)式。
第二，您可以對(duì)字符串使用 .match() 方法來(lái)測(cè)試正則表達(dá)式。還有一些其他方法可以調(diào)用：您可以直接對(duì)正則表達(dá)式使用 .exec() 方法來(lái)對(duì)執(zhí)行一個(gè)字符串。請(qǐng)輸入 /{{ firstEscaped }}/.exec(bio)。

.exec() 方法和 .match() 方法做的是同樣的事情，但它是對(duì)表達(dá)式調(diào)用而不是對(duì)字符串——這會(huì)很有用。
另一個(gè)可用的是 .test() 方法 ——可能是這些方法中最簡(jiǎn)單的 。類(lèi)似于 .exec() ，但返回的是布爾值。試一試吧！
提示：左側(cè)控制臺(tái)可以使用向上鍵來(lái)獲取之前輸入的表達(dá)式。

我們會(huì)用到的最后一個(gè)方法是 .replace() ，用一個(gè)字符串替換另一個(gè)字符串的方法。輸入一下內(nèi)容來(lái)將 bio 變量中您的名字隱藏：
bio.replace(/{{ firstEscaped }}/, "[redacted]")

我們迄今為止用過(guò)的表達(dá)式都不是特別有趣，也沒(méi)有包含特殊字符。以下這些字符在正則表達(dá)式中應(yīng)該被轉(zhuǎn)義：

$()*+.?[^|]

為了規(guī)避它們，使用反斜杠轉(zhuǎn)義，例如 /what?/ 。
寫(xiě)一個(gè)正則表達(dá)式來(lái)測(cè)試 num 變量中是否包含字符串“3.5”。

是不包含的！num 的值是 123456，它不包含字符串“3.5”。
在正則表達(dá)式中點(diǎn)運(yùn)算符有特殊的含義：它將匹配除了換行符以外的所有的單個(gè)字符（所以 /a.c/ 將會(huì)匹配 "abc", "a c", "a$c" 等等）。未轉(zhuǎn)義點(diǎn)運(yùn)算符直接使用 /3.5/ 將可能匹配到 num 中字符串，這里點(diǎn)運(yùn)算符將會(huì)匹配 4。
試試吧。

有一些“量詞”可以用來(lái)表達(dá)某個(gè)東西需要被匹配多少次。第一個(gè)量詞是問(wèn)號(hào)，作用是讓前置項(xiàng)（一個(gè)字符或字符組）可選（即出現(xiàn)0次或1次）。
表達(dá)式 /regexp?/ 將會(huì)匹配 "regex" 和 "regexp"，問(wèn)號(hào)讓 p（只是p）可選。
寫(xiě)一個(gè)表達(dá)式同時(shí)能匹配"frontend" 和 "front-end"，答案通過(guò) answer() 函數(shù)傳參（例子：answer(/表達(dá)式/)）。

我們要學(xué)習(xí)的下一個(gè)量詞是加號(hào)。它的意思是“一個(gè)或更多前置項(xiàng)”；/Princes+/ 會(huì)匹配 "Princes", "Princess", "Princesssss" 等等。但不會(huì)匹配"Prince"。
您要寫(xiě)的下一個(gè)表達(dá)式將會(huì)有點(diǎn)復(fù)雜。寫(xiě)一個(gè)正則表達(dá)式，抽取出 shortStory 變量（可輸入 shortStory 查看變量?jī)?nèi)容）中左右括號(hào)間的所有內(nèi)容（包含括號(hào)）。提示：需要用到剛才說(shuō)過(guò)的點(diǎn)運(yùn)算符。

星號(hào)和加號(hào)類(lèi)似；但是不同于“一個(gè)或更多”，星號(hào)的含義是“零個(gè)或更多的前置項(xiàng)”。/Princes*/ 在 /Princes+/ 匹配內(nèi)容的基礎(chǔ)上還能匹配 "Prince" 。
重復(fù)上一個(gè)例子，用星號(hào)替換加號(hào)。抽取出 shortStory 變量中左右括號(hào)間的所有內(nèi)容，即便括號(hào)內(nèi)沒(méi)有內(nèi)容。

有一個(gè)量詞可以用來(lái)限制重復(fù)次數(shù)。語(yǔ)法是 {min,max} 其中 min 是最小出現(xiàn)次數(shù)，max 是最大出現(xiàn)次數(shù)。比如 /a{3,5}/ 會(huì)且只會(huì)匹配 "aaa", "aaaa" 和 "aaaaa"。
寫(xiě)一個(gè)表達(dá)式匹配 bracketNumbers 中左右圓括號(hào)中間長(zhǎng)度為5～8之間的字符。

為了進(jìn)一步明確重復(fù)次數(shù)范圍，您可以用{n}指明確定的一個(gè)重復(fù)次數(shù)，其中 n 是重復(fù)次數(shù)。比如表達(dá)式 a{6} 只會(huì)匹配重復(fù)的六個(gè) a。
在使用大括號(hào)時(shí)，您可以不指定最大重復(fù)個(gè)數(shù)，只留下最小重復(fù)個(gè)數(shù)。比如，/a{5,}/ 會(huì)匹配5個(gè)或更多次重復(fù)的字母 a。
用 answer() 函數(shù)給出不使用 ?*+ 字符，但和 /a?b+c*/ 等價(jià)的正則表達(dá)式。

標(biāo)志用來(lái)改變正則表達(dá)式的表達(dá)形式，位于表達(dá)式的后面（例子：/表達(dá)式/ig）。每個(gè)標(biāo)志用一個(gè)字母表示，JavaScript 支持四種標(biāo)志——有兩種將會(huì)在本課程中學(xué)到。i 標(biāo)志讓表達(dá)式不區(qū)分大小寫(xiě)——在沒(méi)有這個(gè)標(biāo)志時(shí) /a/ 只會(huì)匹配“a”，不會(huì)匹配“A”；/a/i 則會(huì)同時(shí)匹配“a”和“A”。
執(zhí)行 /CAT/i.exec("Category") 來(lái)看看 i 標(biāo)志的作用。

第二個(gè)常用的標(biāo)志是全局匹配標(biāo)志，用字母 g 表示。 /a/ 只會(huì)匹配字符串中第一個(gè) a， /a/g 則會(huì)匹配每一個(gè)單個(gè)的字母 a。
寫(xiě)一個(gè)正則表達(dá)式，來(lái)用字母 “e” 替換 shortStory 里所有的字母 “a”。
您可以使用字符串的 .replace(expr, replace) 方法來(lái)做替換。

字符組允許您指定一組或一個(gè)范圍的字符去匹配。/[aeiou]/ 匹配任意元音字母，/[a-m]/ 匹配任意字母表前半部分的字母，/[aeiou0-9]/ 匹配任意元音字母或數(shù)字。
注意在字符組中，您不需要轉(zhuǎn)義點(diǎn)字符，它將被直接匹配。如果您要使用連字符（-），則需要轉(zhuǎn)義。
我們定義合法的用戶(hù)名包含5到12個(gè)字母（大寫(xiě)字母或小寫(xiě)字母）或連字符。寫(xiě)一段代碼，在 username 合法時(shí)返回 true。

否定字符組將會(huì)匹配不在字符組內(nèi)的字符。您可以在字符組前添加一個(gè)脫字號(hào)（^）來(lái)否定它。比如 /[^a-m]/ 將匹配“z” 、“$”，但是不會(huì)匹配“c”。
弄清楚 “非 [a-m]” 和 “不在 [a-m] 范圍” 的區(qū)別很重要，/c[^a]t/ 將匹配 “cut”，但不會(huì)匹配 “cat” 和 “ct” ——這個(gè)非常重要。
現(xiàn)在合法的用戶(hù)名可以包含任何非空格字符（但同樣長(zhǎng)度在 5 到 12 之間）。寫(xiě)出一個(gè)正則表達(dá)式來(lái)檢驗(yàn) username 合法性。

類(lèi)型字符可以用作常見(jiàn)字符組的簡(jiǎn)略表達(dá)。有6種類(lèi)型字符：d 匹配十進(jìn)制數(shù)字（0-9），s 匹配空格， w 匹配單詞字符（單詞字 —— Unicode字符集、數(shù)字、下劃線）。
另外三個(gè)可用的類(lèi)型字符是將上面三個(gè)改成大寫(xiě)字母，就起到了否定它們的效果；比如 S 匹配所有非空格字符。
寫(xiě)一個(gè)正則表達(dá)式，能匹配一個(gè)后綴一個(gè)空格一串?dāng)?shù)字的單詞。用 charTypeTest 測(cè)試：不要使用任何文字字符。

如果您想確保字符串以某種確定字（字符集）的開(kāi)始或結(jié)束——比如，您希望包裝字符串以大寫(xiě)字母開(kāi)始——那么你就可以使用錨點(diǎn)。美元符號(hào)（$）匹配字符串結(jié)尾，脫字符（^）匹配字符串開(kāi)始。/^cat$/ 將只會(huì)匹配到 “cat” 而不匹配其他任何字符串（/cat/ 會(huì)匹配任何包含 “cat” 的字符串）。
寫(xiě)一個(gè)正則表達(dá)式來(lái)測(cè)試 possibleUrl 變量是否以 “http://” 或 “https://” 開(kāi)始，且從頭到尾不包含任何空格。
提示：需要用到問(wèn)號(hào)、否定字符集。您可能會(huì)需要兩種錨點(diǎn)。

您可以使用圓括號(hào)來(lái)創(chuàng)建組，可以將多項(xiàng)組合起來(lái)或者保存結(jié)果以供之后引用：
/"(.+)"/
上面就是一個(gè)捕獲組的示例，意思是圓括號(hào)內(nèi)匹配到的字符串將被保存在 .match() 或 .exec() 返回的數(shù)組中。
回頭看看之前我們用表達(dá)式 /(.{5,8})/.exec(shorterStory) 抓取兩個(gè)圓括號(hào)之間的數(shù)據(jù)的例子。嘗試用圓括號(hào)包住 .{5,8} 重新運(yùn)行一下。

您可以看到現(xiàn)在返回?cái)?shù)組有個(gè)兩項(xiàng)：第一項(xiàng)是全部匹配內(nèi)容，第二項(xiàng)只包含捕獲組匹配數(shù)據(jù)。
還有一種組類(lèi)型叫做非捕獲組。這種組語(yǔ)法上稍有不同，它不在數(shù)組內(nèi)存儲(chǔ)直。如果不需要引用組，您可能傾向使用非捕獲組：它會(huì)保持返回?cái)?shù)組的純凈。上一個(gè)例子中，添加 ?: 在組的開(kāi)始點(diǎn)運(yùn)算符之前，將表達(dá)式變成非捕獲組。

和我們zhi"q沒(méi)有用組幾乎一樣。
非捕獲組的主要用途是給一個(gè)組賦予量詞。下面的表達(dá)式將會(huì)匹配 “I ate” 和 Carrot and I ate” 不會(huì)匹配其他內(nèi)容：
/^(?:{{ firstEscaped }} and )?I ate$/
寫(xiě)一個(gè)表達(dá)式，能夠匹配 “ha” 出現(xiàn)兩次或更多的字符串 （例如：“haha” 或 “hahahahaha”），用 answer() 函數(shù)給出答案。
提示：您的表達(dá)式不應(yīng)該匹配 “hahah”。使用錨點(diǎn)來(lái)保證這一點(diǎn)。

您可以使用管道符號(hào)（|）來(lái)指定“或”關(guān)系。下面的表達(dá)式將匹配 “The dog ate” 和 “The cat ate”：
/The (dog|cat) ate/
您也可以使用非捕獲組，但是在這個(gè)例子中我們希望獲取結(jié)果。您可以在一個(gè)組內(nèi)用任意多個(gè)管道符號(hào)。讓上面的表達(dá)式在保持原有匹配的基礎(chǔ)上也能夠匹配 “The rabbit ate” （帶匹配串在 rabbit 變量中）。

在同一個(gè)表達(dá)式中，您可以引用之前捕獲到的值。只需簡(jiǎn)單的寫(xiě)成反斜杠后跟著捕獲組數(shù)字（它在返回字符串里的索引值）。比如，下面的表達(dá)式將匹配 “The cat ate with the other cat” 和 “The dog ate with the other dog”，但不會(huì)匹配 “The cat ate with the other dog”（當(dāng)然，這本身就挺奇怪的）：
/The (dog|cat) ate with the other 1/
寫(xiě)一個(gè)表達(dá)式，能夠匹配同一行內(nèi)兩個(gè)相同的單詞（比如：“hello hello world”）：和之前的例子一樣，用 answer() 函數(shù)給出答案。

除了文字運(yùn)算符（斜杠），JavaScript 還提供 RegExp 構(gòu)造器，允許您使用字符串去指定需要的表達(dá)式。這個(gè)對(duì)于將變量放在表達(dá)式中非常有用。它的使用方法如下：

// Same as /regexp?/ig
new RegExp("regexp?", "ig");

用戶(hù)名同樣包含在變量中。 userData 變量包含用戶(hù)信息：把它打印在控制臺(tái)中來(lái)查看數(shù)據(jù)格式。使用 username 變量去抽取該用戶(hù)的關(guān)聯(lián)詞。為了能夠正確驗(yàn)證，請(qǐng)把答案寫(xiě)在同一行。

我們已經(jīng)知道了兩種捕獲組使用捕獲值得方法：第一種是返回?cái)?shù)組，第二種是反向引用。您也可以在 .replace() 方法的第二個(gè)參數(shù)中獲取它：

var text = "*italic text*";
var replace = "$1";
text.replace(/*([^*]+)*/, replace);

寫(xiě)一個(gè)類(lèi)似上面的代碼，將 boldText 變量替換成 元素。