JavaScript中正則表達(dá)式的概念和用法

本篇內(nèi)容介紹了“JavaScript中正則表達(dá)式的概念和用法”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

今天和大家分享一些關(guān)于正則表達(dá)式的知識和在javascript中的應(yīng)用。正則表達(dá)式簡單卻又不簡單，比如以前我的老師給我們講的時(shí)候就說這個(gè)東西入門的話二三十分鐘就精通了，一旦沒有入門那就可幾天都補(bǔ)不回來。于是當(dāng)初就很認(rèn)真的學(xué)習(xí)并研究了它。沒想到正則表達(dá)式不僅代碼簡潔，而且在實(shí)際的操作中為前端工程師們省事了不少?？偹苤?，用戶在瀏覽頁面的時(shí)候，唯一和數(shù)據(jù)打交道的就是表單了，關(guān)于表單的驗(yàn)證，其實(shí)有很多中方法，接下來，我就會給大家分享兩種，一種是普通繁瑣的方法，一種是正則表達(dá)式，看看它到底能夠給表單帶來什么樣的效果吧。

首先來看一下普通版的：

個(gè)人感覺方法太土了，這是剛開始學(xué)習(xí)的時(shí)候做的簡單表單效果，沒有加CSS樣式表。

再看一下升級版的正則表達(dá)式：

接下來一起了解一下正則表達(dá)式吧。

正則表達(dá)式是一個(gè)描述字符模式的對象又稱正規(guī)表示法、常規(guī)表示法

正則表達(dá)式使用單個(gè)字符串來描述、匹配一系列符合某個(gè)句法規(guī)則的字符串。在很多文本編輯器里，正則表達(dá)式通常被用來檢索、替換那些符合某個(gè)模式的文本。

正則表達(dá)式的特點(diǎn)是： 1.靈活性、邏輯性和功能性非常的強(qiáng)； 2.可以迅速地用極簡單的方式達(dá)到字符串的復(fù)雜控制。 3.對于剛接觸的人來說，比較晦澀難懂。

定義正則表達(dá)式 1：普通方式 varreg=/表達(dá)式/附加參數(shù) reg.test(v.value)

2：構(gòu)造函數(shù)方式 var reg=new RegExp("表達(dá)式","附加參數(shù)） var reg=new RegExp("china");

表達(dá)式的模式 1：簡單模式 var reg=/china/; 2：符合模式 var reg=/^\w+$/; var reg=/^\w+@\w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/;

RegExp對象的方法 exec檢索字符中是正則表達(dá)式的區(qū)配，返回找到的值，并確定其位置 test檢索字符串中指定的值，返回true或false exec方法：如果未找到匹配，則返回值為 null；如果找到了匹配，則返回一個(gè)結(jié)果數(shù)組， /…/代表一個(gè)模式的開始和結(jié)束 ^匹配字符串的開始 $匹配字符串的結(jié)束 \s任何空白字符 \S任何非空白字符 \d匹配一個(gè)數(shù)字字符，等價(jià)于[0-9] \D除了數(shù)字之外的任何字符，等價(jià)于[^0-9] \w匹配一個(gè)數(shù)字、下劃線或字母字符，等價(jià)于[A-Za-z0-9_] \W任何非單字字符，等價(jià)于[^a-zA-z0-9_] .除了換行符之外的任意字符

{n}匹配前一項(xiàng)n次 {n,}匹配前一項(xiàng)n次，或者多次 {n,m}匹配前一項(xiàng)至少n次，但是不能超過m次 *匹配前一項(xiàng)0次或多次，等價(jià)于{0,} +匹配前一項(xiàng)1次或多次，等價(jià)于{1,} ？匹配前一項(xiàng)0次或1次，也就是說前一項(xiàng)是可選的，等價(jià)于{0,1}

x|y 匹配x或y。

例如，“z|food”能匹配“z”或“food”?！?z|f)ood”則匹配“zood”或“food”。 [xyz] 字符集合。匹配所包含的任意一個(gè)字符。例如，“[abc]”可以匹配“plain”中的“a”。 [a-z] 字符范圍。匹配指定范圍內(nèi)的任意字符。例如，“[a-z]”可以匹配“a”到“z”范圍內(nèi)的任意小寫字母字符。注意:只有連字符在字符組內(nèi)部時(shí),并且出現(xiàn)在兩個(gè)字符之間時(shí),才能表示字符的范圍; 如果出字符組的開頭,則只能表示連字符本身. (pattern) 匹配pattern并獲取這一匹配。所獲取的匹配可以從產(chǎn)生的Matches集合得到，在VBScript中使用SubMatches集合，在JScript中則使用$0…$9屬性。要匹配圓括號字符，請使用“\(”或“\)”。

“JavaScript中正則表達(dá)式的概念和用法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！