亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > regex > 正文

JS基礎系列之正則表達式

2020-01-20 22:04:10
字體:
來源:轉載
供稿:網友

正則表達式是一個很牛逼的東東,今天在這里只是簡單的給剛剛接觸JS的人普及一下,里面若有爭議的地方歡迎大家留言!

1.1 什么是正則表達式

​ 正則表達式(regular expression)是一個描述字符模式的對象,ECMAScript的RegExp 類表示正則表達式,而String和RegExp都定義了使用正則表達式進行強大的模式匹配和文本檢索與替換的函數。

​ 正則表達式用于對字符串模式匹配及檢索替換,是對字符串執行模式匹配的強大工具。

1.2 正則表達式的作用

​ 正則表達式主要用來驗證客戶端的輸入數據。

​ 用戶填寫完表單單擊按鈕之后,表單就會被發送到服務器,在服務器端通常會用PHP、ASP.NET、JSP等服務器腳本對其進行進一步處理。因為客戶端驗證,可以節約大量的服務器端的系統資源,并且提供更好的用戶體驗。

二、創建正則表達式==(123)==

要使用正則表達式,必須先創建正則表達式對象,有2種創建對象的方式:

2.1 方式1:使用關鍵字new創建

var patt = new RegExp(pattern,modifiers);

參數1:正則表達式的模式。字符串形式

參數2:模式修飾符。用于指定全局匹配、區分大小寫的匹配和多行匹配

<script type="text/javascript">  /*   創建了一個正則表達式   參數1:模式是:girl,意思是說可以匹配 "girl"這樣的字符串   參數2:模式修飾符:gi g代表全局匹配 i代表不區分大小寫  */ var pa = new RegExp("girl", "gi");  //測試參數中的字符串"你好我的girl" 是否與匹配模式匹配。  var isExist = pa.test("你好我的girl"); // 在本例中,是匹配的,這個字符串包含girl,所以返回true  alert(isExist); //true</script>

2.2 方式2:使用正則表達式直接量

var pa = /pattern/modifiers;

兩個/中間的表示正則表達式的模式,最后一個/的后面是模式修飾符

例如:上面的例子可以這樣寫 var pa = /girl/gi;

注意:這個時候模式和模式修飾符都能再添加雙引號或單引號

<script type="text/javascript"> var pa = /girl/gi; alert(pa.test("厲害了我的girl")); //true</script>

三、正則表達式模式修飾符==(126)==

JavaScript中共有3種模式修飾符:g i u

  1. g:表示全局。意思是說會對一個字符串進行多次匹配。如果不寫g則只匹配一次,一旦匹配成功,則不會再次匹配
  2. i:表示忽略大小寫。意思是說在匹配的時候不區分大小寫
  3. u:表示可以多行匹配。

四、正則表達式方法詳解==(127)==

經常用到的正則表達式方法有兩個test() 和 exec()

4.1 test()方法

test(字符串)

  • 參數:要匹配的字符串
  • 返回值:匹配成功返回true,失敗返回false

在只想知道目標字符串與某個模式是否匹配,但不需要知道其文本內容的情況下,使用這個方法非常方便。因此, test() 方法經常被用在 if 語句中。

<script type="text/javascript"> var pa = /girl/gi; if(pa.test("厲害了我的girl")){  alert("這個女孩和你很配"); }else {  alert("你注定沒有女孩去匹配"); }</script>

4.2 exec()方法

exec(字符串):該方法為專門為捕獲組而設計的

  • 參數:要匹配的字符串
  • 返回值:返回的是一個數組。如果不匹配則返回null
  • 關于返回值數組的說明:
  • 它確實是Array的實例。
  • 但是這個數組有兩個額外的屬性:index和input
  • index:表示匹配的字符串在源字符串中的索引
  • input:表示匹配的源字符串。
  • 數組的第一項目是與整個模式匹配的字符串,其他項是與模式中捕獲組匹配的字符串
  • 如果沒有捕獲組,則數組中只有第一項。關于捕獲組的概念以后再說
<script type="text/javascript"> var pa = /girl/gi; var testStr = "myGirl, yourgirl, hisgIrl"; var girls = pa.exec(testStr); //捕獲 alert(girls.length + ":" + (girls instanceof Array)); //正則表達式沒有捕獲組,所以數組長度為1 alert(girls[0]); //第一次捕獲的是 Girl  //因為我們是用的全局匹配,所以此次匹配的時候從上次匹后的位置開始繼續匹配 alert(pa.exec(testStr)[0]);  // girl alert(pa.exec(testStr)); // gIrl alert(pa.exec(testStr)); //繼續向后沒有匹配的字符串,所以返回null  // 返回null,如果繼續再匹配,則會回到字符串的開始,重寫開始匹配。 alert(pa.exec(testStr)); // Girl  // ...開啟新一輪匹配</script>

所以我們如果想找到全部匹配的字符串可以時候用循環,結束條件就是匹配結果為null

<script type="text/javascript"> var pa = /girl/gi; var testStr = "myGirl, yourgirl, hisgIrl"; var girls; while(girls = pa.exec(testStr)){ //如果等于null,會自動轉成 false,結束。  alert(girls); }</script>

分組。在正則表達式中用()括起來任務是一組。組可以嵌套。

<script type="text/javascript">  //()內的內容就是第1組(Girl),其實我們完整真個表達式可以看出第0組 girl(Girl)  // 將來對應著匹配結果數組的下標。  var pa = /girl(Girl)/gi;  var test = "girlGirl abdfjla Girlgirl fal girl"; var girls; while(girls = pa.exec(test)){  //匹配之后,數組的第0個元素對應的這第0組的匹配結果,第1個元素對應著第1組的匹配結果  for (var i = 0; i < girls.length; i++) {   console.log(girls[i]);  }  console.log("-------------"); }</script>//最終運行結果:girlGirlGirl-------------Girlgirlgirl------------

五、正則表達式規則==(124)==

表達式規則

正則表達式元字符是包含特殊含義的字符。它們有一些特殊功能,可以控制匹配模式的

方式。反斜杠后的元字符將失去其特殊含義。

字符類:單個字符和數字

[0-9A-Za-z] 
元字符/元符號                    匹配情況
.                         匹配除換行符外的任意字符
[a-z0-9]                     匹配括號中的字符集中的任意字符
[^a-z0-9]                     匹配任意不在括號中的字符集中的字符
/d ==[0-9]                    匹配數字
/D ==[^0-9]                        匹配非數字,同[^0-9]相同
/w     [0-9A-Za-z_]                    匹配字母和數字及_
/W                         匹配非(字母和數字及_)

字符類:空白字符
元字符/元符號                    匹配情況
/0                             匹配null 字符
/b                             匹配空格字符
/n                             匹配換行符
/r                             匹配回車字符
/t                             匹配制表符
/s                             匹配空白字符、空格、制表符和換行符
/S                             匹配非空白字符

字符類:錨字符

元字符/元符號                    匹配情況
^                             行首匹配
$                             行尾匹配

字符類:重復字符
元字符/元符號                                匹配情況
?  例如(x?)                            匹配0個或1 個x
*  例如(x*)                            匹配0個或任意多個x
+  例如(x+)                            匹配至少一個x
(xyz)+                                     匹配至少一個(xyz)
{m,n} 例如x{m,n}  n>=次數>=m            匹配最少m個、最多n個x
{n}                                        匹配前一項n次    
{n,}          匹配前一項n次,或者多次

六、常用正則表示==(128)==

1、檢查郵政編碼

var pattern = /[1-9][0-9]{5}/; //共6位數字,第一位不能為0var str = '224000';alert(pattern.test(str));

2、檢查文件壓縮包

var pattern = /[/w]+/.zip|rar|gz/; ///w 表示所有數字和字母加下劃線var str = '123.zip'; ///.表示匹配.,后面是一個選擇alert(pattern.test(str));

3、刪除多余空格

var pattern = //s/g; //g 必須全局,才能全部匹配var reg=new RegExp('//s+','g');var str = '111 222 333';var result = str.replace(pattern,''); //把空格匹配成無空格alert(result);

4、刪除空格

var pattern = /^/s+/; var str = ' goo gle ';alert(str+" "+str.length);var result = str.replace(pattern, '');alert(result+" "+result.length);pattern = //s+$/; result = result.replace(pattern, '');alert(result+" "+result.length);pattern = //s+/g; result = result.replace(pattern, '');alert(result+" "+result.length);5、簡單的電子郵件驗證var pattern = /^([a-zA-Z0-9_/./-]+)@([a-zA-Z0-9_/./-]+)/.([a-zA-Z]{2,4})$/;var str = 'yc60.com@gmail.com';alert(pattern.test(str));var pattern = /^([/w/./-]+)@([/w/./-]+)/.([/w]{2,4})$/;var str = 'yc60.com@gmail.com';alert(pattern.test(str));

七、支持正則表達式的字符串方法

方法 描述
search 檢索與正則表達式相匹配的第一個匹配項的索引。
match 找到一個或多個正則表達式的匹配。
replace 替換與正則表達式匹配的子串。
split 把字符串分割為字符串數組。

<script type="text/javascript"> var s = "Abc123aBc"; alert(s.search(/abc/gi));  alert(s.search(/abc/gi)); // 即使設置的全局模式,每次search也是從開始向后查找 //match方法和正則表達式的exec()方法的作用是一樣的,但是match會一次性把所有的匹配放在一個數組中,全部返回 alert(s.match(/abc/gi)); // Abc,aBc alert(s.replace(/[ab]/gi, "x"));   //把a或b替換成x var ss = s.split(/[0-9]+/gi); //用1個或多個數字切割。 Abc,aBc alert(ss);</script>

以上所述是小編給大家介紹的JS基礎系列之正則表達式,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
精品久久久久久久久久久久久久| 亚洲毛片在线免费观看| 久久久久久噜噜噜久久久精品| 欧美麻豆久久久久久中文| 高清欧美性猛交xxxx黑人猛交| 欧美高清视频免费观看| 青青草国产精品一区二区| 黑丝美女久久久| 日韩精品免费电影| 国产精品午夜国产小视频| 亚洲欧美国产日韩中文字幕| 国产欧美久久一区二区| 2019中文字幕免费视频| 亚洲欧美自拍一区| 亚洲欧美www| 亚洲免费人成在线视频观看| 国产精品久久久久91| 精品国产91久久久久久| 少妇高潮 亚洲精品| 91黄色8090| 欧美一级大片视频| 欧美精品激情在线| 久久久久久久久亚洲| 日韩黄在线观看| 欧美精品18videos性欧美| 日韩欧美黄色动漫| 久久久久北条麻妃免费看| 亚洲男人的天堂在线播放| 日韩高清电影免费观看完整版| 亚洲а∨天堂久久精品喷水| 国产精品欧美一区二区| 国产91在线播放| 欧美日韩在线一区| 亚洲天堂av在线免费| 伊人av综合网| 日韩精品免费在线视频| 欧美日韩国产中文字幕| 97视频在线观看亚洲| 久久亚洲私人国产精品va| 大量国产精品视频| 亚洲精品之草原avav久久| 北条麻妃在线一区二区| 俺去啦;欧美日韩| 中文欧美日本在线资源| 成人高h视频在线| 欧美在线中文字幕| 欧美日韩亚洲视频一区| 在线a欧美视频| 久久久久久中文字幕| 欧美精品一区二区三区国产精品| 91久久综合亚洲鲁鲁五月天| 精品亚洲一区二区三区在线观看| 国产z一区二区三区| 国产精品一区二区三区久久| 欧美日韩美女在线观看| 国产精品欧美在线| 国产国语videosex另类| 亚洲综合中文字幕在线| 日韩精品在线视频美女| 欧美日韩久久久久| 亚洲男人天堂九九视频| 成人激情视频免费在线| 欧美日韩久久久久| 欧美日韩在线视频首页| 日韩欧美国产激情| 韩剧1988在线观看免费完整版| 亚洲国产成人精品电影| 色99之美女主播在线视频| 国产日韩欧美电影在线观看| 亚洲香蕉成人av网站在线观看| 国产精品久久不能| 国产精品一区二区三区免费视频| 黑人巨大精品欧美一区二区免费| 在线成人激情视频| 国产成人精品视频在线观看| 久久久av网站| 久久九九全国免费精品观看| 日韩在线观看av| 岛国av午夜精品| 国产精品久久久久久av| 日韩美女主播视频| 丝袜亚洲欧美日韩综合| 日韩精品亚洲元码| 国产精品自产拍在线观| 日韩美女视频免费在线观看| 国产亚洲精品va在线观看| 国产精品日韩在线一区| 国产精品吴梦梦| 国产精品国产福利国产秒拍| 国产精品一区二区久久久| 91探花福利精品国产自产在线| 国产在线视频一区| 日韩欧美在线字幕| 91在线高清免费观看| 91九色视频在线| 97视频免费观看| 欧美日韩免费在线| 日韩在线视频网站| 毛片精品免费在线观看| www.日韩欧美| 97精品久久久中文字幕免费| 亚洲一区二区三区乱码aⅴ蜜桃女| 最近2019年手机中文字幕| 岛国视频午夜一区免费在线观看| 永久免费毛片在线播放不卡| 理论片在线不卡免费观看| 久久综合久久八八| 久久久久久久久久久网站| 中文字幕亚洲自拍| 国产精品热视频| 国产乱人伦真实精品视频| 欧美丰满少妇xxxx| 92版电视剧仙鹤神针在线观看| 欧美电影免费观看| 国产精品老女人精品视频| 久久免费成人精品视频| 国产精品久久久久影院日本| 国产va免费精品高清在线观看| 国产精品久久久久久久久免费看| 久久久国产精品亚洲一区| 97久久精品国产| 国产精品第3页| 久久久成人精品| 国产婷婷成人久久av免费高清| 欧美精品免费在线观看| 亚洲精品国产精品国自产在线| 国产精品一区二区久久国产| 国产精品福利网站| 成人xvideos免费视频| 欧美色视频日本版| 久久人91精品久久久久久不卡| 久久久精品2019中文字幕神马| 亚洲欧美一区二区三区情侣bbw| xvideos亚洲人网站| 亚洲综合中文字幕在线| 91在线播放国产| 中文字幕亚洲欧美日韩高清| 热99在线视频| 亚洲欧美视频在线| 久久久久久美女| 国产精品久久不能| 亚洲精品美女免费| 精品国产一区二区三区久久久狼| 久久成人人人人精品欧| 国产精品久久久久福利| 国产999精品久久久| 北条麻妃一区二区三区中文字幕| 国产精品免费小视频| 日韩精品福利网站| 国产91精品网站| 一区二区三区四区在线观看视频| 日韩有码在线观看| 久久久噜噜噜久久久| 国产免费久久av| 国产精品亚洲第一区| 欧美理论电影在线观看| 欧美做爰性生交视频| 精品国产一区av| 中文字幕成人在线| 成人免费激情视频| 91精品国产高清| 亚洲欧洲高清在线| 91亚洲精品久久久久久久久久久久| 亚洲精品免费网站|