首頁 > 文章 > web前端 > JavaScript中正規表示式的概念與應用_正規表示式

JavaScript中正規表示式的概念與應用_正規表示式

韦小宝原創: 2017-12-04 10:49:331619瀏覽

這篇文章主要介紹了JavaScript中正規表示式的概念與JavaScript應用的相關資料,需要的朋友可以參考下，JavaScript中的正規表示式對我們今後的開發中會有很大的幫助的。

今天和大家分享一些關於正規表示式的知識和在javascript中的應用。正規表示式簡單卻又不簡單，比如以前我的老師給我們講的時候就說這個東西入門的話二三十分鐘就精通了，一旦沒有入門那就可幾天都補不回來。於是當初就很認真的學習並研究了它。沒想到正規表達式不僅程式碼簡潔，而且在實際的操作中為前端工程師省事了不少。總所周知，使用者在瀏覽頁面的時候，唯一和資料打交道的就是表單了，關於表單的驗證，其實有很多中方法，接下來，我就會給大家分享兩種，一種是普通繁瑣的方法，一種是正規表示式，看看它到底能夠為表單帶來什麼樣的效果吧。

先來看看普通版的：

個人感覺方法太土了，這是剛開始學習的時候做的簡單表單效果，沒有加CSS樣式表。

再看一下升級版的正規表示式：

##接下來一起了解一下正規表示式吧。

正規表示式是一個描述字元模式的物件又稱正規表示法、常規表示法

正規表示式使用單一字串來描述、匹配一系列符合某個句法規則的字串。在許多文字編輯器裡，正規表示式通常被用來檢索、取代那些符合某個模式的文字。

正規表示式的特點是： 1.靈活性、邏輯性和功能性非常的強；2.可以迅速地用極簡單的方式達到字串的複雜控制。 3.對於剛接觸的人來說，比較晦澀難懂。

定義正規表示式1：普通方式varreg=/表達式/附加參數

 reg.test(v.value)

2：

建構子方式

  
var reg=new RegExp("表达式","附加参数） var reg=new RegExp("china");

表達式的模式1：

简单模式 var reg=/china/;

表達式的模式 2：

符合模式 var reg=/^\w+$/; var reg=/^\w+@\w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/;

#RegExp物件的方法exec檢索字元中是正規表示式的區配，傳回找到的值，並確定其位置test檢索字串中指定的值，返回true或false exec方法：如果未找到匹配，則返回值為null；如果找到了匹配，則返回一個結果數組， /…/代表一個模式的開始和結束^匹配字符串的開始$匹配字符串的結束\s任何空白字符\S任何非空白字符\d匹配一個數字字符，等價於[0-9] \D除了數字之外的任何字符，等價於[^0-9] \w匹配一個數字、底線或字母字符，等價於[A-Za-z0-9_] \W任何非單字字符，等價於[^a-zA-z0- 9_] .除了換行符號之外的任意字元

{n}符合前一項n次{n,}匹配前一項n次，或多次{n,m}匹配前一項至少n次，但是不能超過m次*匹配前一項0次或多次，等價於{0,} +匹配前一項1次或多次，等價於{1,} ？配對前一項0次或1次，也就是說前一項是可選的，等價於{0,1}

x|y 符合x或y。

例如，「z|food」能匹配「z」或「food」。「(z|f)ood」則符合「zood」或「food」。 [xyz] 字元集合。匹配所包含的任意一個字元。例如，“[abc]”可以匹配“plain”中的“a”。 [a-z]

字元範圍。符合指定範圍內的任意字元。例如，「[a-z]」可以符合「a」到「z」範圍內的任意小寫字母字元。注意:只有連字符在字符組內部時,並且出現在兩個字符之間時,才能表示字符的範圍; 如果出字符組的開頭,則只能表示連字符本身. (pattern) 匹配pattern並獲取這一匹配。所取得的符合可以從產生的Matches集合得到，在VBScript中使用SubMatches集合，在JScript中則使用$0…$9屬性。若要匹配圓括號字符，請使用“$”或“$”。

以上就是JavaScript中正規表示式的概念與應用_正規表示式的所有內容了，希望對有需要的朋友帶來幫助吧！

JavaScript中正規表示式的概念與應用_正規表示式

相關文章