JS正則表達式詳解與同時寫表示什么意思

JS正則表達式詳解與同時寫表示什么意思，相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

　　對于初學正則的同學來說，^$這兩個看似簡單的字符卻在使用中總讓匹配結(jié)果超出我們的預期，^什么時候表示行首什么時候表示反義？^$兩個一起寫表示什么含義？今天我們就來詳細聊聊這兩個字符。

　　關(guān)于^與$什么意思

　　先解釋^與$概念，很簡單的兩句話，先留個印象。

　　^脫字符：匹配開頭，若存在多行匹配多行的行頭。

　　$美元符：匹配尾部，若存在多行匹配多行的尾部。

　　我們知道正則是一種匹配模式，要么匹配字符，要么匹配位置。這里我們得從這兩種匹配情況分別解釋這兩個字符。

　　從匹配字符角度看什么意思

　　當用于匹配字符時，^與$更多是作為匹配出精準結(jié)果的輔助條件，我們先看個簡單的例子：

　　'123'.match(/\d/g);//[1,2,3]

　　很好理解，全局（注意結(jié)尾有個g）匹配單個任意數(shù)字，很明顯1，2，3都符合條件，所以這里找到了三個匹配結(jié)果；我們分別添加^與$再看：

　　'123'.match(/^\d/g);//[1]

　　'123'.match(/\d$/g);//[3]

　　此時^\d只能匹配到1，而\d$只能匹配到3，你肯定就納悶了，不對啊，我正則后面不是有個g表示全局匹配嗎，怎么只匹配一個了呢？以^\d為例，此時的匹配條件其實是找開頭位置后的一個任意數(shù)字，\d$表示匹配結(jié)尾前的一個任意數(shù)字。開頭和結(jié)果對于一個不換行的字符串都只有一個，所以自然只能找到一個數(shù)字了，現(xiàn)在能理解前面所說的^$作為輔助條件的意思了嗎。

　　那么我們現(xiàn)在將數(shù)字換行，再看：

　　'12\n34'.match(/^\d/mg);//[1,3]

　　'12\n34'.match(/\d$/mg);//[2,4]

　　由于存在換行，導致現(xiàn)在有兩個開頭位置和兩個結(jié)尾位置（注意匹配中使用了m，表示換行匹配），所以匹配結(jié)果也變成了兩個，不難理解吧。

　　2.從匹配位置角度

　　正則除了根據(jù)規(guī)則匹配對應的字符，還有一個強大的功能就是匹配位置。什么是位置呢？以字符1234為例，每個箭頭都代表一個位置，其中第一個箭頭的位置就是脫字符^，結(jié)果位置就是美元符$，如下圖：

　　所以當我們在匹配位置時，^$也成為了我們需要匹配的結(jié)果，例如，我需要將1234首尾位置加上花朵：

　　'1234'.replace(/^|$/g,'?');//"?1234?"

　　當然，在匹配位置時^與$也是幫助我們精確位置的輔助條件，比如常用的千位分隔符正則：

　　'12345678'.replace(/(?!^)(?=(\d{3})+$)/g,',');//"12,345,678"

看完上述內(nèi)容，你們掌握JS正則表達式詳解與同時寫表示什么意思的方法了嗎？如果還想學到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！