js正則表達(dá)式最長匹配(貪婪匹配)和最短匹配(懶惰匹配)用法分析
本文實例分析了js正則表達(dá)式最長匹配(貪婪匹配)和最短匹配(懶惰匹配)用法。分享給大家供大家參考,具體如下:
最近在閱讀RequireJS 2.1.15源碼,源碼開始處定義了一系列的變量,有4個正則表達(dá)式:
var commentRegExp = /(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg, cjsRequireRegExp = /[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g, jsSuffixRegExp = /\.js$/, currDirRegExp = /^\.\//;
commentRegExp正則用來匹配JavaScript代碼中的注釋,/m的用法可以參考這篇文章:http://www.dbjr.com.cn/article/101399.htm,/g的用法參考這篇文章:http://www.dbjr.com.cn/article/101408.htm。commentRegExp中的*?這種用法之前沒有見過,覺得很奇怪,因為*在正則表達(dá)式中代表0個或任意多個,?代表0個或1個,剛開始覺得*?這種寫法很多余。請教同事才知道,*?這種寫法是懶惰匹配。
alert(/abc([\w]*)/mg.exec("abc1abc2")[0]);//abc1abc2 alert(/abc([\w]*?)/mg.exec("abc1abc2")[0]);//abc
通過下面這段代碼可以看出:最長匹配和最短匹配的差別通過這段代碼可以看出:最長匹配和最短匹配的差別,一個匹配盡可能多的字符,一個匹配盡可能少的字符。一般正則表達(dá)式引擎默認(rèn)都是最長匹配的,如果我們想要最短匹配,那么可以在數(shù)量修飾符后面添加一個?變成最短匹配。
/***注釋1****/ var name = "aty"; /***注釋2****/ var name = "aty";
通過上面這段代碼可以知道,為啥requirejs匹配javascript注釋要采用*?這種最短匹配模式了吧。如果我們要刪除所有注釋,那么應(yīng)該采用最短匹配,否則var name="aty";這段代碼會被替換掉。
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測試工具:
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具:
http://tools.jb51.net/regex/create_reg
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript正則表達(dá)式技巧大全》、《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
JavaScript面試開發(fā)常用的知識點總結(jié)
這篇文章主要為大家詳細(xì)總結(jié)了JavaScript面試開發(fā)常用的知識點,感興趣的小伙伴們可以參考一下2016-08-08javascript與jquery中的this關(guān)鍵字用法實例分析
這篇文章主要介紹了javascript與jquery中的this關(guān)鍵字用法,結(jié)合實例形式簡單分析了this關(guān)鍵字用于獲取當(dāng)前對象的使用技巧,非常簡單易懂,需要的朋友可以參考下2015-12-12JavaScript Spread Syntax (...)的十種使用方法
這篇文章主要介紹了JavaScript Spread Syntax (...)的十個強(qiáng)大用途,擴(kuò)展語法即Spread Syntax(…) 是 ES6 中引入的一個新特性,它允許我們從可迭代對象中快速提取元素2022-07-07Javascript仿PHP $_GET獲取URL中的參數(shù)
這篇文章主要介紹了Javascript仿PHP $_GET獲取URL中的參數(shù)代碼實例,需要的朋友可以參考下2014-05-05D3.js的基礎(chǔ)部分之?dāng)?shù)組的處理數(shù)組的排序和求值(v3版本)
這篇文章主要介紹了D3.js的基礎(chǔ)部分之?dāng)?shù)組的處理數(shù)組的排序和求值(v3版本) ,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05