欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解可以用在VS Code中的正則表達(dá)式小技巧

 更新時間:2019年05月14日 10:26:43   作者:瘋狂的技術(shù)宅  
這篇文章主要介紹了詳解可以用在VS Code中的正則表達(dá)式小技巧,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

你是不是一直都想學(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)文本的方法

    這篇文章主要介紹了JS實現(xiàn)選擇TextArea內(nèi)文本的方法,涉及javascript針對頁面TextArea元素焦點設(shè)置及文本獲取的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08
  • JS實現(xiàn)的貪吃蛇游戲案例詳解

    JS實現(xiàn)的貪吃蛇游戲案例詳解

    這篇文章主要介紹了JS實現(xiàn)的貪吃蛇游戲,結(jié)合具體案例形式分析了javascript實現(xiàn)貪吃蛇的相關(guān)步驟、原理、算法操作技巧與相關(guān)注意事項,需要的朋友可以參考下
    2019-05-05
  • 淺談JS讀取DOM對象(標(biāo)簽)的自定義屬性

    淺談JS讀取DOM對象(標(biāo)簽)的自定義屬性

    下面小編就為大家?guī)硪黄獪\談JS讀取DOM對象(標(biāo)簽)的自定義屬性。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11
  • 關(guān)于JavaScript作用域你想知道的一切

    關(guān)于JavaScript作用域你想知道的一切

    關(guān)于JavaScript作用域你想知道的一切,本文全部告訴大家,幫助大家全面的了解JavaScript作用域,感興趣的小伙伴們可以參考一下
    2016-02-02
  • js 獲取站點應(yīng)用名的簡單實例

    js 獲取站點應(yīng)用名的簡單實例

    下面小編就為大家?guī)硪黄猨s 獲取站點應(yīng)用名的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • input獲取焦點時底部菜單被頂上來問題的解決辦法

    input獲取焦點時底部菜單被頂上來問題的解決辦法

    這篇文章主要介紹了解決input獲取焦點時底部菜單被頂上來問題的方法,非常不錯,具有參考借鑒價值,需要的的朋友參考下
    2017-01-01
  • Javascript中的對象和原型(二)

    Javascript中的對象和原型(二)

    這篇文章給大家介紹了js中的對象和原型,從工廠模式,構(gòu)造函數(shù)方面展開話題,介紹的非常詳細(xì),具有參考借鑒價值,需要的朋友可以參考下
    2016-08-08
  • JavaScript實現(xiàn)簡易計算器功能的兩種方法

    JavaScript實現(xiàn)簡易計算器功能的兩種方法

    這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡易計算器功能的兩種方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • javascript實現(xiàn)簡易計算器的代碼

    javascript實現(xiàn)簡易計算器的代碼

    下面小編就為大家?guī)硪黄猨avascript實現(xiàn)簡易計算器的代碼小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • Javascript獲取當(dāng)前日期的農(nóng)歷日期代碼

    Javascript獲取當(dāng)前日期的農(nóng)歷日期代碼

    這篇文章主要介紹了利用Javascript獲取當(dāng)前日期的農(nóng)歷日期代碼,很實用,需要的朋友可以參考下
    2014-10-10

最新評論