首頁 > web前端 > js教程 > JS的正規表示式應用

JS的正規表示式應用

php中世界最好的语言
發布: 2018-04-16 14:41:22
原創
1339 人瀏覽過

這次帶給大家JS的正規表示式應用,JS正規表示式應用的注意事項有哪些,下面就是實戰案例,一起來看一下。

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

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

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

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

正規表示式的特點是: 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屬性。若要匹配圓括號字符,請使用“(”或“)”。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

event bus非父子元件怎麼會互相通訊

JS類比實作封裝的方法

#

以上是JS的正規表示式應用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板