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