JavaScript正則表達式如何匹配字符串字面量的方法

這篇文章主要講解了“JavaScript正則表達式如何匹配字符串字面量的方法”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JavaScript正則表達式如何匹配字符串字面量的方法”吧！

第一次遇到這個問題, 是大概兩年前寫代碼高亮, 從當(dāng)時的解決方案到現(xiàn)在一共有三代, 嘎嘎. 覺得還是算越來越好的.

第一代:

//那個時候自己正則還不算很精通, 也沒有(?:...)這種習(xí)慣, 是以尋找結(jié)束引號為入口寫出的這個正則. 思路混亂, 也存在錯誤.
//比如像字面量 "abc\\\"", 則會匹配為 "abc\\\", 而正確的結(jié)果應(yīng)該是 "abc\\\"".
var re = /('('|.*?([^\\]'|\\\\'))|"("|.*?([^\\]"|\\\\")))/g;

第二代:

//這個匹配其實和第一代思路基本相同, 也是尋找結(jié)束引號, 通過給\\添加*解決了第一代的bug.
var re = /(['"])(?:.*?[^\\](?:\\\\)*)?\1/g;

第三代:

//老實說第三代是昨天晚上出題的時候突然想出來的(后來又修改過), 支持多行字符串字面量, 思路也有了較大的轉(zhuǎn)變, 從匹配結(jié)束引號變味了匹配中間內(nèi)容.
var re = /(['"])(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*?\1/g

這里有一個正則里非常常用的技巧, 姑且稱之為 “搶占”, 在諸如/a|./這樣的正則里, 越靠前越先匹配, 通過 “搶占” 一些字符, 可以避開很多麻煩. 說起來有些抽象, 在上面這個例子里, /\\[\s\S]/就可以很自然地搶到 \” 這樣的轉(zhuǎn)義字符, 所以不必擔(dān)心轉(zhuǎn)義字符中的 ” 給匹配造成影響. 這是局部的 “搶占”, 還有更大范圍的, 比如注釋里的字符串或者字符串里的注釋, 只要在同一個正則中, 把相關(guān)匹配都寫入, 則一定是先遇到的優(yōu)先. 如 /(注釋正則)|(字符串正則)/g, 可以先通過這樣的方式, 把內(nèi)容匹配出來, 再進行進一步判斷處理.

雖然可能對于多數(shù)人來說, 用處不大, 但萬一呢? Best wishes~

感謝各位的閱讀，以上就是“JavaScript正則表達式如何匹配字符串字面量的方法”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對JavaScript正則表達式如何匹配字符串字面量的方法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！