這篇文章主要講解了“JavaScript正則表達(dá)式如何匹配字符串字面量的方法”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“JavaScript正則表達(dá)式如何匹配字符串字面量的方法”吧!
第一次遇到這個(gè)問(wèn)題, 是大概兩年前寫(xiě)代碼高亮, 從當(dāng)時(shí)的解決方案到現(xiàn)在一共有三代, 嘎嘎. 覺(jué)得還是算越來(lái)越好的.
第一代:
//那個(gè)時(shí)候自己正則還不算很精通, 也沒(méi)有(?:...)這種習(xí)慣, 是以尋找結(jié)束引號(hào)為入口寫(xiě)出的這個(gè)正則. 思路混亂, 也存在錯(cuò)誤. //比如像字面量 "abc\\\"", 則會(huì)匹配為 "abc\\\", 而正確的結(jié)果應(yīng)該是 "abc\\\"". var re = /('('|.*?([^\\]'|\\\\'))|"("|.*?([^\\]"|\\\\")))/g;
第二代:
//這個(gè)匹配其實(shí)和第一代思路基本相同, 也是尋找結(jié)束引號(hào), 通過(guò)給\\添加*解決了第一代的bug. var re = /(['"])(?:.*?[^\\](?:\\\\)*)?\1/g;
第三代:
//老實(shí)說(shuō)第三代是昨天晚上出題的時(shí)候突然想出來(lái)的(后來(lái)又修改過(guò)), 支持多行字符串字面量, 思路也有了較大的轉(zhuǎn)變, 從匹配結(jié)束引號(hào)變味了匹配中間內(nèi)容. var re = /(['"])(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*?\1/g
這里有一個(gè)正則里非常常用的技巧, 姑且稱之為 “搶占”, 在諸如/a|./這樣的正則里, 越靠前越先匹配, 通過(guò) “搶占” 一些字符, 可以避開(kāi)很多麻煩. 說(shuō)起來(lái)有些抽象, 在上面這個(gè)例子里, /\\[\s\S]/就可以很自然地?fù)尩?\” 這樣的轉(zhuǎn)義字符, 所以不必?fù)?dān)心轉(zhuǎn)義字符中的 ” 給匹配造成影響. 這是局部的 “搶占”, 還有更大范圍的, 比如注釋里的字符串或者字符串里的注釋, 只要在同一個(gè)正則中, 把相關(guān)匹配都寫(xiě)入, 則一定是先遇到的優(yōu)先. 如 /(注釋正則)|(字符串正則)/g, 可以先通過(guò)這樣的方式, 把內(nèi)容匹配出來(lái), 再進(jìn)行進(jìn)一步判斷處理.
雖然可能對(duì)于多數(shù)人來(lái)說(shuō), 用處不大, 但萬(wàn)一呢? Best wishes~
感謝各位的閱讀,以上就是“JavaScript正則表達(dá)式如何匹配字符串字面量的方法”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)JavaScript正則表達(dá)式如何匹配字符串字面量的方法這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
當(dāng)前名稱:JavaScript正則表達(dá)式如何匹配字符串字面量的方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)源:http://aaarwkj.com/article2/dohsic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、建站公司、App開(kāi)發(fā)、網(wǎng)站制作、微信公眾號(hào)、微信小程序
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容