正則表達式中最短匹配模式的用法淺析
前言
最近有一次想用正則表達式從網頁里面抓取一些東西出來，內容不復雜卻出現不少問題。下面話不多說，來一起看看詳細的介紹：
當我們用正則表達式去匹配一個標簽的首尾的時候，比如匹配 <h1>hello world</h1> 中的 h1 的開始和閉合標簽
可能很多人會這樣寫
/<.*h1>/g
但是這樣真的可以嗎？
因為 * 匹配符是匹配前面一個字符的零到多個，而且它是貪婪匹配的
所以你得到的就會是下面的結果了。
顯然這并不是我們想要的，那么怎么把貪婪匹配換成最小匹配呢，
/<.*?h1>/g
上面的寫法就可以了，如下圖：
其實原理應該很簡單，因為 ? 也是貪婪匹配，并且只能匹配0到1個，
所以它會匹配到第一個的時候就結束了，從而阻止了 * 的匹配多個的貪婪。
PS：這里再為大家提供2款非常方便的正則表達式工具供大家參考使用：
JavaScript正則表達式在線測試工具：http://tools.jb51.net/regex/javascript
正則表達式在線生成工具：http://tools.jb51.net/regex/create_reg
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript正則表達式技巧大全》、《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》
總結
以上就是這篇文章的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關文章
根據正則表達式語法規(guī)則，正則表達式的匹配模式是由一系列的字符構成的。下面小編給大家?guī)砹苏齽t表達式 元字符和普通字符，感興趣的朋友一起看看吧2018-01-01
這里說的正則表達式優(yōu)化，主要是針對目前常用的NFA模式正則表達式2016-06-06
這篇文章主要介紹了2019手機號碼JS正則表達式驗證實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
本文主要介紹了正則表達式中.+?與.*?的區(qū)別，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-05-05
正則表達式提取網址、標題、圖片等一例（.Net Asp Javascript/Js）的實現
用各種語言實現的提取內容中的網址，標題，圖片等功能代碼，對于大家掌握正則的共用性有很大的幫助。2008-11-11
這篇文章主要介紹了正則表達式直接在EXCEL中使用的詳細步驟,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-03-03
這篇文章主要介紹了正則表達式\W元字符使用方法,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了正則表達式(regex)錯誤使用導致功能漏洞,需要的朋友可以參考下2015-10-10
正則表達式可用于匹配各種模式,下面這篇文章主要給大家介紹了關于日期校驗/時間校驗正則表達式深入解析的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-05-05
JS中正則表達式的位置匹配代碼，國外翻譯的文章。2009-12-12