成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript正則表達(dá)式進(jìn)階指南

xietao3 / 1517人閱讀

摘要：非貪婪匹配默認(rèn)情況下，正則表達(dá)式的量詞，都是進(jìn)行貪婪匹配，即匹配盡可能多的字符。參考正則表達(dá)式關(guān)于專注于微信小程序微信小游戲支付寶小程序和線上應(yīng)用實(shí)時(shí)監(jiān)控。自從年雙十一正式上線，累計(jì)處理了億錯(cuò)誤事件，付費(fèi)客戶有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。

摘要：正則表達(dá)式是程序員的必備技能，想不想多學(xué)幾招呢？

本文用JavaScript的exec方法來測試正則表達(dá)式。

例如，正則表達(dá)式/F.*g/會匹配“以F開頭，以g結(jié)尾的字符串”，因此可以匹配"Hello, Fundebug!"中的Fundebug，exec方法會返回一個(gè)數(shù)組，其第一個(gè)元素為所匹配的子字符串。

/F.*g/.exec("Hello, Fundebug!")[0]
// "Fundebug"
非貪婪匹配

默認(rèn)情況下，正則表達(dá)式的量詞*、+、？、{}，都是進(jìn)行貪婪匹配，即匹配盡可能多的字符。

例如，正則表達(dá)式/.+s/匹配的是“以空格符結(jié)尾的字符串”，我們用它來匹配蘋果公司創(chuàng)始人喬布斯在斯坦福大學(xué)演講的名言“You time is limited, so don’t waste it living someone else’s life.”：

/.+s/.exec("You time is limited, so don’t waste it living someone else’s life.")[0]
// "You time is limited, so don’t waste it living someone else’s "

.可以匹配任意字符，而+表示匹配1次或者多次，且是貪婪的，因此/.+s/匹配到了最后一個(gè)空格符才結(jié)束。

當(dāng)我們在量詞*、+、？、{}后面緊跟著一個(gè)?，就可以實(shí)現(xiàn)非貪婪匹配，即匹配盡量少的字符。

例如，正則表達(dá)式/.+?s/匹配到第一個(gè)空格符就會結(jié)束：

/.+?s/.exec("You time is limited, so don’t waste it living someone else’s life.")[0]
// "You "
正向肯定查找

使用正則表達(dá)式x(?=y)，可以匹配"x"僅僅當(dāng)"x"后面跟著"y"。這話有點(diǎn)繞，簡單地說，就是匹配后面是y的x，這里的x和y都代表正則表達(dá)式。

例如，對于博客RabbitMQ入門教程的地址"https://blog.fundebug.com/2018/04/20/rabbitmq_tutorial/"，如果需要匹配出域名fundebug的話，可以使用/[a-z]+(?=.com)/，匹配“在.com前面的英文單詞”

/[a-z]+(?=.com)/.exec("https://blog.fundebug.com/2018/04/20/rabbitmq_tutorial/")[0]
// "fundebug"

廣告：歡迎免費(fèi)試用Fundebug，為您監(jiān)控線上代碼的BUG，提高用戶體驗(yàn)~

正向否定查找

與正向肯定查找所對應(yīng)的是正向否定查找，使用正則表達(dá)式x(?!y)，可以"匹配"x"僅僅當(dāng)"x"后面不跟著"y""。

例如，小學(xué)生都知道的圓周率是3.1415926，不會的同學(xué)可以這樣記“山頂上有一座寺廟，寺廟里面有一壺酒，還有一塊肉”。如何匹配小數(shù)點(diǎn)后面的數(shù)字呢？可以使用/d+(?!.)/，匹配"后面沒有小數(shù)點(diǎn)的數(shù)字"：

/d+(?!.)/.exec("3.1415926")[0]
// "1415926"

而使用之前提到的正向肯定查找，就可以匹配小數(shù)點(diǎn)前面的數(shù)字：

/d+(?=.)/.exec("3.1415926")[0]
// "3"
多行匹配

下面是鮑勃·迪倫的《Forever Young》歌詞：

May God bless and keep you always,
may your wishes all come true,
may you always do for others
and let others do for you.
may you build a ladder to the stars
and climb on every rung,
may you stay forever young,
forever young, forever young,
May you stay forever young.

如何匹配以forever開頭的那句歌詞forever young, forever young呢？

這樣寫/^forever.+/是錯(cuò)誤的：

/^forever.+/.exec("May God bless and keep you always,
may your wishes all come true,
may you always do for others
and let others do for you.
may you build a ladder to the stars
and climb on every rung,
may you stay forever young,
forever young, forever young,
May you stay forever young.")
// null

為什么錯(cuò)了？因?yàn)?strong>^匹配的整個(gè)字符串的開始，而是不是每一行的開始。

正則表達(dá)式指定m選項(xiàng)，即可支持多行匹配，這時(shí)^和$匹配的是每一行的開始和結(jié)束，因此正確的正則表達(dá)式是/^forever.+/m：

/^forever.+/m.exec("May God bless and keep you always,
may your wishes all come true,
may you always do for others
and let others do for you.
may you build a ladder to the stars
and climb on every rung,
may you stay forever young,
forever young, forever young,
May you stay forever young.")[0]
// "forever young, forever young,"
捕獲括號

在正則表達(dá)式中使用小括號()，可以提取出字符串中的特定子串。

例如，F(xiàn)undebug是在2016年雙11正式上線的，時(shí)間是"2016-11-11"，如何提取其中的年、月、日呢？如下：

/(d{4})-(d{2})-(d{2})/.exec("2016-11-11")
// [ "2016-11-11", "2016", "11", "11", index: 0, input: "2016-11-11" ]

可知，3個(gè)小括號中的正則表達(dá)式分別匹配的是年月日，其結(jié)果依次為exec返回?cái)?shù)組中的1到3號元素。

參考

MDN：正則表達(dá)式

關(guān)于Fundebug

Fundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java線上應(yīng)用實(shí)時(shí)BUG監(jiān)控。 自從2016年雙十一正式上線，F(xiàn)undebug累計(jì)處理了10億+錯(cuò)誤事件，付費(fèi)客戶有Google、360、金山軟件、百姓網(wǎng)等眾多品牌企業(yè)。歡迎大家免費(fèi)試用！

版權(quán)聲明

轉(zhuǎn)載時(shí)請注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2018/05/02/advanced_regular_expression/

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/94978.html

相關(guān)文章

  • 前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要：特意對前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 特意對前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會不定期更...

    princekin 評論0 收藏0

  • 前端資源分享-只為更好前端

    摘要：一團(tuán)隊(duì)組織網(wǎng)站說明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì)，簡稱，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

    zxhaaa 評論0 收藏0

  • 前端資源分享-只為更好前端

    摘要：一團(tuán)隊(duì)組織網(wǎng)站說明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì)，簡稱，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

    JouyPub 評論0 收藏0

  • 前端資源分享-只為更好前端

    摘要：一團(tuán)隊(duì)組織網(wǎng)站說明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì)，簡稱，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

    vslam 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<