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