詳解可以用在VS Code中的正則表達(dá)式小技巧
你是不是一直都想學(xué)正則表達(dá)式,但是因?yàn)樗膹?fù)雜性而被推遲了?在本文中,我將向你展示五個(gè)易于學(xué)習(xí)的正則技巧,你可以立即在自己喜歡的文本編輯器中使用它們。
文本編輯器設(shè)置
雖然現(xiàn)在幾乎所有的文本編輯器都支持正則表達(dá)式,但我在本教程中用的是 Visual Studio Code,不過(guò)你可以使用任何你喜歡的編輯器。另請(qǐng)注意,你通常需要在搜索輸入框附近的某處打開(kāi) RegEx 開(kāi)關(guān)。以下是在 VS Code 中執(zhí)行此操作的方法:
你需要通過(guò)選中此選項(xiàng)啟用RegEx
1) .
— 匹配任何字符
讓我們開(kāi)始吧。點(diǎn)符號(hào) .
用來(lái)匹配任何字符:
b.t
上面的正則匹配 "bot"
,`"bat"
和任何以b
開(kāi)頭、t
結(jié)尾的三個(gè)字符的單詞。但是如果你想搜索點(diǎn)符號(hào),則需要用 \
來(lái)對(duì)它進(jìn)行轉(zhuǎn)義,所以下面這個(gè)正則只匹配確切的文本 "b.t"
:
b\.t
2) .*
— 匹配任何東西
這里 .
表示“任何字符”, *
表示“此符號(hào)重復(fù)前面那個(gè)內(nèi)容任何次數(shù)。” 把它們放在一起(.*
)表示“任何符號(hào)重復(fù)任意次數(shù)?!?/em> 例如,你可以用它來(lái)查找以某些文本開(kāi)頭或結(jié)尾的匹配項(xiàng)。假設(shè)我們有一個(gè)這樣的 javascript 方法
loadScript(scriptName: string, pathToFile: string)
我們想找到這個(gè)方法的所有調(diào)用,其中 pathToFile
指向文件夾“l(fā)ua”
中的任何文件。可以使用以下正則表達(dá)式:
loadScript.*lua
這意味著,“匹配所有以 "loadScript"
開(kāi)始同時(shí)以"lua"
結(jié)束的字符串?!?/em>
3) ?
— 非貪婪的匹配
.*
之后的 ?
符號(hào)和其他一些匹配規(guī)則意味著“盡可能少的匹配”。 在上一張圖中,每次匹配都會(huì)得到兩次 "lua"
字符串,直到第二個(gè) "lua"
所有東西才能全部匹配完畢。如果你想匹配第一次出現(xiàn)的"lua"
,可以使用以下正則:
loadScript.*?lua
這意味著,“匹配所有以 "loadScript"
開(kāi)頭,后面為任意字符,直到第一次出現(xiàn)"lua"
loadScript.*?lua
:匹配以 loadScript 開(kāi)頭的所有內(nèi)容,直到第一次出現(xiàn)"lua"
4) `( ) ### — 捕獲組和反向引用
好的,現(xiàn)在我們可以匹配一些文字了。但是如果想要修改我們發(fā)現(xiàn)的部分文本呢?這時(shí)候就要用到捕獲組。
假設(shè)我們修改了 loadScript
方法,現(xiàn)在需要在它原來(lái)的兩個(gè)參數(shù)之間插入另外一個(gè)參數(shù)。讓我們把這個(gè)新參數(shù)命名為 id
,這時(shí)新的函數(shù)原型應(yīng)如下所示:loadScript(scriptName,id,pathToFile)
。我們?cè)谶@里不能用文本編輯器的常規(guī)替換功能,不過(guò)正則表達(dá)式能夠幫助我們。
通過(guò)上圖你可以看到運(yùn)行以下正則表達(dá)式的結(jié)果:
loadScript\(.*?,.*?\)
這意味著:“匹配以 "loadScript("
開(kāi)頭的, 后面跟任意內(nèi)容,直到遇到第一個(gè),
,然后是任意內(nèi)容,直到第一個(gè))
”
對(duì)你來(lái)說(shuō),可能看唯一起來(lái)比較奇怪的是 \
符號(hào)。它們用于對(duì)括號(hào)進(jìn)行轉(zhuǎn)義。
因?yàn)榉?hào) (
和)
是正則表達(dá)式用來(lái)捕獲匹配文本部分的特殊字符,但我們需要匹配實(shí)際的括號(hào)字符,所以需要對(duì)它們進(jìn)行轉(zhuǎn)義。
在前面的表達(dá)式中,我們使用.*?
符號(hào)定義了方法調(diào)用的兩個(gè)參數(shù)。要使每個(gè)參數(shù)作為單獨(dú)的捕獲組,需要在它們的前后分別添加(
和)
符號(hào):
loadScript\((.*?),(.*?)\)
如果你運(yùn)行這段正則,你將看到?jīng)]有任何變化。這是因?yàn)樗ヅ涞氖窍嗤奈谋?。但現(xiàn)在我們可以將第一個(gè)參數(shù)稱為\$1
,將第二個(gè)參數(shù)稱為\$2
。這稱為反向引用,它將幫助我們做自己想要的事情:在兩個(gè)參數(shù)中間添加另一個(gè)參數(shù):
搜索輸入:
loadScript\((.*?),(.*?)\)
這與之前的正則相同,但分別將參數(shù)映射到倒了捕獲組1和2。
替換輸入:
loadScript($1,id,$2)
這意味著“用文本"loadScript("
、捕獲組1、"id"
、捕獲組2和 )
替換每個(gè)匹配的文本 ”。請(qǐng)注意,你不需要在替換輸入中轉(zhuǎn)義括號(hào)。
5) [ ]
— 字符類
你可以在 [
和 ]
符號(hào)內(nèi)來(lái)列出要在特定位置匹配的字符。例如,[0-9]
匹配從0到9的所有數(shù)字。你還可以明確列出所有數(shù)字:[0123456789]
—— 與前面的含義相同。你也可以使用帶字母的破折號(hào),[a-z]
將匹配所有小寫(xiě)拉丁字符,[A-Z]
將匹配所有大寫(xiě)拉丁字符,[a-zA-Z]
將會(huì)匹配兩者。
你也可以在字符類之后使用 *
,就像在 .
之后一樣,在這種情況下意味著:“匹配此類中任意數(shù)量的字符”
后記
你應(yīng)該知道有幾種正則表達(dá)式的寫(xiě)法。我在這里討論的是 javascript RegEx 引擎。大多數(shù)現(xiàn)代引擎都很相似,但也可能會(huì)存在一些差異。通常這些差異包括轉(zhuǎn)義字符和反向引用標(biāo)記。
你現(xiàn)在就可以打開(kāi)文本編輯器,立即開(kāi)始使用其中的一些技巧。你將看到可以比以前更快地完成許多重構(gòu)任務(wù)。一旦你掌握了這些技巧,就可以開(kāi)始研究更多的正則表達(dá)式了。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JS實(shí)現(xiàn)選擇TextArea內(nèi)文本的方法
這篇文章主要介紹了JS實(shí)現(xiàn)選擇TextArea內(nèi)文本的方法,涉及javascript針對(duì)頁(yè)面TextArea元素焦點(diǎn)設(shè)置及文本獲取的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08淺談JS讀取DOM對(duì)象(標(biāo)簽)的自定義屬性
下面小編就為大家?guī)?lái)一篇淺談JS讀取DOM對(duì)象(標(biāo)簽)的自定義屬性。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11js 獲取站點(diǎn)應(yīng)用名的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js 獲取站點(diǎn)應(yīng)用名的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08input獲取焦點(diǎn)時(shí)底部菜單被頂上來(lái)問(wèn)題的解決辦法
這篇文章主要介紹了解決input獲取焦點(diǎn)時(shí)底部菜單被頂上來(lái)問(wèn)題的方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下2017-01-01JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能的兩種方法
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能的兩種方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07javascript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器的代碼
下面小編就為大家?guī)?lái)一篇javascript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器的代碼小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05Javascript獲取當(dāng)前日期的農(nóng)歷日期代碼
這篇文章主要介紹了利用Javascript獲取當(dāng)前日期的農(nóng)歷日期代碼,很實(shí)用,需要的朋友可以參考下2014-10-10