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ī)則匹配對應(yīng)的字符,還有一個強大的功能就是匹配位置。什么是位置呢?以字符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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)頁名稱:JS正則表達式詳解與同時寫表示什么意思-創(chuàng)新互聯(lián)
路徑分享:http://www.jinyejixie.com/article36/hejpg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、小程序開發(fā)、營銷型網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)