小編給大家分享一下日常收集JS正則表達(dá)式有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

堅(jiān)守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價(jià)值觀，專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都塑料袋小微創(chuàng)業(yè)公司專業(yè)提供成都定制網(wǎng)頁設(shè)計(jì)營銷網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機(jī)網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版，從內(nèi)容策劃、視覺設(shè)計(jì)、底層架構(gòu)、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。

RegExp直接量和對象的創(chuàng)建

就像字符串和數(shù)字一樣，程序中每個(gè)取值相同的原始類型直接量均表示相同的值，這是顯而易見的。程序運(yùn)行時(shí)每次遇到對象直接量（初始化表達(dá)式）諸如{}和[]的時(shí)候都會(huì)創(chuàng)建新對象。比如，如果在循環(huán)體中寫var a = []，則每次遍歷都會(huì)創(chuàng)建一個(gè)新的空數(shù)組。正則表達(dá)式直接量則與此不同，ECMAScript 3規(guī)范規(guī)定，一個(gè)正則表達(dá)式直接量會(huì)在執(zhí)行到它時(shí)轉(zhuǎn)換為一個(gè)RegExp對象，同一段代碼所表示正則表達(dá)式直接量的每次運(yùn)算都返回同一個(gè)對象。ECMAScript 5規(guī)范則做了相反的規(guī)定，同一段代碼所表示的正則表達(dá)式直接量的每次運(yùn)算都返回新對象。I E一直都是按照EC-MAScript 5規(guī)范實(shí)現(xiàn)的，多數(shù)最新版本的瀏覽器也開始遵循EC-MAScript 5，盡管目前該標(biāo)準(zhǔn)并未全面廣泛推行。

1.1直接量字符

正則表達(dá)式中的所有字母和數(shù)字都是按照字面含義進(jìn)行匹配的。JavaScript正則表達(dá)式語法也支持非字母的字符匹配，這些字符需要通過反斜線（\）作為前綴進(jìn)行轉(zhuǎn)義。比如，轉(zhuǎn)義字符\n用以匹配換行符。表10-1中列出了這些轉(zhuǎn)義字符。

表10-1：正則表達(dá)式中的直接量字符

正則表達(dá)式“/\/”用以匹配任何包含反斜線的字符串。

1.2字符類

例如，/[\u0400-\u04FF]/用以匹配所有的Cyrillic字符）。

表10-2：正則表達(dá)式的字符類

注意，在方括號之內(nèi)也可以寫這些特殊轉(zhuǎn)義字符。比如，由于\s匹配所有的空白字符，\d匹配的是所有數(shù)字，因此/[\s\d]/就匹配任意空白符或者數(shù)字。注意，這里有一個(gè)特例。下面我們將會(huì)看到轉(zhuǎn)義符\b具有的特殊含義，當(dāng)用在字符類中時(shí)，它表示的是退格符，所以要在正則表達(dá)式中按照直接量表示一個(gè)退格符，只需要使用具有一個(gè)元素的字符類/[\b]/。

1.3重復(fù)

我們在正則模式之后跟隨用以指定字符重復(fù)的標(biāo)記。由于某些重復(fù)種類非常常用，因此就有一些專門用于表示這種情況的特殊字符。例如，“+”用以匹配前一個(gè)模式的一個(gè)或多個(gè)副本。表10-3總結(jié)了這些表示重復(fù)的正則語法。

表10-3：正則表達(dá)式的重復(fù)字符語法

這里有一些例子：

/\d{2,4}/ // 匹配2～4個(gè)數(shù)字

/\w{3}\d?/ // 精確匹配三個(gè)單詞和一個(gè)可選的數(shù)字

/\s+java\s+/ // 匹配前后帶有一個(gè)或多個(gè)空格的字符串"java"

/[^(]/ // 匹配一個(gè)或多個(gè)非左括號的字符

在使用“”和“?”時(shí)要注意，由于這些字符可能匹配0個(gè)字符，因此它們允許什么都不匹配。例如，正則表達(dá)式/a*/實(shí)際上與字符串“bbbb”匹配，因?yàn)檫@個(gè)字符串含有0個(gè)a。

非貪婪的重復(fù)

表10-3中列出的匹配重復(fù)字符是盡可能多地匹配，而且允許后續(xù)的正則表達(dá)式繼續(xù)匹配。因此，我們稱之為“貪婪的”匹配。我們同樣可以使用正則表達(dá)式進(jìn)行非貪婪匹配。只須在待匹配的字符后跟隨一個(gè)問號即可：“??”、“+?”、“*?”或“{1,5}?”。比如，正則表達(dá)式/a+/可以匹配一個(gè)或多個(gè)連續(xù)的字母a。當(dāng)使用“aaa”作為匹配字符串時(shí)，正則表達(dá)式會(huì)匹配它的三個(gè)字符。但是/a+?/也可以匹配一個(gè)或多個(gè)連續(xù)字母a，但它是盡可能少地匹配。我們同樣將“aaa”作為匹配字符串，但后一個(gè)模式只能匹配第一個(gè)a。

使用非貪婪的匹配模式所得到的結(jié)果可能和期望并不一致。考慮以下正則表達(dá)式/a+b/，它可以匹配一個(gè)或多個(gè)a，以及一個(gè)b。當(dāng)使用“aaab”作為匹配字符串時(shí)，它會(huì)匹配整個(gè)字符串?，F(xiàn)在再試一下非貪婪匹配的版本/a+?b/，它匹配盡可能少的a和一個(gè)b。當(dāng)用它來匹配“aaab”時(shí)，你期望它能匹配一個(gè)a和最后一個(gè)b。但實(shí)際上，這個(gè)模式卻匹配了整個(gè)字符串，和該模式的貪婪匹配一模一樣。這是因?yàn)檎齽t表達(dá)式的模式匹配總是會(huì)尋找字符串中第一個(gè)可能匹配的位置。由于該匹配是從字符串的第一個(gè)字符開始的，因此在這里不考慮它的子串中更短的匹配。

1.4選擇、分組和引用

正則表達(dá)式的語法還包括指定選擇項(xiàng)、子表達(dá)式分組和引用前一子表達(dá)式的特殊字符。字符“|”用于分隔供選擇的字符。例如，/ab|cd|ef/可以匹配字符串“ab”，也可以匹配字符串“cd”，還可以匹配字符串“ef”。/\d{3}|[a-z]{4}/匹配的是三位數(shù)字或者四個(gè)小寫字母。

注意，選擇項(xiàng)的嘗試匹配次序是從左到右，直到發(fā)現(xiàn)了匹配項(xiàng)。如果左邊的選擇項(xiàng)匹配，就忽略右邊的匹配項(xiàng)，即使它產(chǎn)生更好的匹配。因此，當(dāng)正則表達(dá)式/a|ab/匹配字符串“ab”時(shí)，它只能匹配第一個(gè)字符。

表10-4：正則表達(dá)式的選擇、分組和引用字符

1.5指定匹配位置

正如前面所介紹的，正則表達(dá)式中的多個(gè)元素才能夠匹配字符串的一個(gè)字符。例如，\s匹配的只是一個(gè)空白符。還有一些正則表達(dá)式的元素匹配的是字符之間的位置，而不是實(shí)際的字符。
最常用的錨元素是^，它用來匹配字符串的開始，錨元素$用以匹配字符串的結(jié)束。

表10-5：正則表達(dá)式中的錨字符

1.6修飾符

正則表達(dá)式中的語法還有最后一個(gè)知識點(diǎn)，即正則表達(dá)式的修飾符，用以說明高級匹配模式的規(guī)則。和之前討論的正則表達(dá)式語法不同，修飾符是放在“/”符號之外的，也就是說，它們不是出現(xiàn)在兩條斜線之間，而是第二條斜線之后。JavaScript支持三個(gè)修飾符，修飾符“i”用以說明模式匹配是不區(qū)分大小寫的。修飾符“g”說明模式匹配應(yīng)該是全局的，也就是說，應(yīng)該找出被檢索字符串中所有的匹配。修飾符“m”用以在多行模式中執(zhí)行匹配，在這種模式下，如果待檢索的字符串包含多行，那么^和$錨字符除了匹配整個(gè)字符串的開始和結(jié)尾之外，還能匹配每行的開始和結(jié)尾。比如正則表達(dá)式/java$/im可以匹配“java”也可以匹配“Java\nis fun”。

表10-6：正則表達(dá)式修飾符

2.用于模式匹配的String方法

2.1search()

它的參數(shù)是一個(gè)正則表達(dá)式，返回第一個(gè)與之匹配的子串的起始位置，如果找不到匹配的子串，它將返回-1。
如果search()的參數(shù)不是正則表達(dá)式，則首先會(huì)通過RegExp構(gòu)造函數(shù)將它轉(zhuǎn)換成正則表達(dá)式，search()方法不支持全局檢索，因?yàn)樗雎哉齽t表達(dá)式參數(shù)中的修飾符g。

"JavaScript".search(/script/i);  //4

2.2replace()

replace()方法用以執(zhí)行檢索與替換操作。其中第一個(gè)參數(shù)是一個(gè)正則表達(dá)式，第二個(gè)參數(shù)是要進(jìn)行替換的字符串。

"JavaScript".replace(/javascript/gi, "a")  //"a"
// 一段引用文本起始于引號，結(jié)束于引號
// 中間的內(nèi)容區(qū)域不能包含引號
var quote = /"([^"]*)"/g;
// 用中文半角引號替換英文引號，同時(shí)要保持引號之間的內(nèi)容（存儲(chǔ)在$1中）沒有被修改
text.replace(quote, '“$1”');

2.3match()

match()方法是最常用的String正則表達(dá)式方法。它的唯一參數(shù)就是一個(gè)正則表達(dá)式（或通過RegExp()構(gòu)造函數(shù)將其轉(zhuǎn)換為正則表達(dá)式），返回的是一個(gè)由匹配結(jié)果組成的數(shù)組。

"1 plus 2 equals 3".match(/\d+/g) // 返回 ["1", "2", "3"]
例如，使用如下的代碼來解析一個(gè)URL：
var url = /(\w+):\/\/([\w.]+)\/(\S*)/;
var text = "Visit my blog at http://www.example.com/~david";
var result = text.match(url);
if (result != null) {  
 var fullurl = result[0]; 
 // 包含 "http://www.example.com/~david"  
 var protocol = result[1]; 
 // 包含 "http"
 var host = result[2]; 
 // 包含 "www.example.com"  
 var path = result[3]; 
 // 包含 "~david"
}

2.4split()

這個(gè)方法用以將調(diào)用它的字符串拆分為一個(gè)子串組成的數(shù)組，使用的分隔符是split()的參數(shù)

"123,456,789".split(","); // 返回 ["123","456","789"]

split()方法的參數(shù)也可以是一個(gè)正則表達(dá)式，這使得split()方法異常強(qiáng)大。例如，可以指定分隔符，允許兩邊可以留有任意多的空白符：

"1, 2, 3, 4, 5".split(/\s*,\s*/); // 返回 ["1","2","3","4","5"]

3.RegExp對象

正則表達(dá)式是通過RegExp對象來表示的。除了RegExp()構(gòu)造函數(shù)之外，RegExp對象還支持三個(gè)方法和一些屬性。
RegExp()構(gòu)造函數(shù)帶有兩個(gè)字符串參數(shù)，其中第二個(gè)參數(shù)是可選的，RegExp()用以創(chuàng)建新的RegExp對象。第一個(gè)參數(shù)包含正則表達(dá)式的主體部分，也就是正則表達(dá)式直接量中兩條斜線之間的文本。需要注意的是，不論是字符串直接量還是正則表達(dá)式，都使用“\”字符作為轉(zhuǎn)義字符的前綴，因此當(dāng)給RegExp()傳入一個(gè)字符串表述的正則表達(dá)式時(shí)，必須將“\”替換成“\”。RegExp()的第二個(gè)參數(shù)是可選的，如果提供第二個(gè)參數(shù)，它就指定正則表達(dá)式的修飾符。不過只能傳入修飾符g、i、m或者它們的組合。比如：

// 全局匹配字符串中的5個(gè)數(shù)字，注意這里使用了"\\"，而不是"\"var zipcode = new RegExp("\\d{5}", "g");

3.1 RegExp的屬性

每個(gè)RegExp對象都包含5個(gè)屬性。屬性source是一個(gè)只讀的字符串，包含正則表達(dá)式的文本。屬性global是一個(gè)只讀的布爾值，用以說明這個(gè)正則表達(dá)式是否帶有修飾符g。屬性ignore-Case也是一個(gè)只讀的布爾值，用以說明正則表達(dá)式是否帶有修飾符i。屬性multiline是一個(gè)只讀的布爾值，用以說明正則表達(dá)式是否帶有修飾符m。最后一個(gè)屬性lastIndex，它是一個(gè)可讀/寫的整數(shù)。如果匹配模式帶有g(shù)修飾符，這個(gè)屬性存儲(chǔ)在整個(gè)字符串中下一次檢索的開始位置，這個(gè)屬性會(huì)被exec()和test()方法用到，下面會(huì)講到。

3.2 RegExp的方法

RegExp對象定義了兩個(gè)用于執(zhí)行模式匹配操作的方法。它們的行為和上文介紹過的String方法很類似。RegExp最主要的執(zhí)行模式匹配的方法是exec()，它與10.2節(jié)介紹過的String方法match()相似，只是RegExp方法的參數(shù)是一個(gè)字符串，而String方法的參數(shù)是一個(gè)RegExp對象。

3.2.1exec()

var pattern = /Java/g;
var text = "JavaScript is more fun than Java!";
var result;
while ((result = pattern.exec(text)) != null) {  
 alert("Matched '" + 
 result[0] + "'" +    
 " at position " + result.index +    "; 
 next search begins at " + pattern.lastIndex);
}

3.2.2test()

另外一個(gè)RegExp方法是test()，它比exec()更簡單一些。它的參數(shù)是一個(gè)字符串，用test()對某個(gè)字符串進(jìn)行檢測，如果包含正則表達(dá)式的一個(gè)匹配結(jié)果，則返回true：

var pattern = /java/i;pattern.test("JavaScript"); // 返回 true

4.常用正則表達(dá)式

//電話號碼

/^([\+][0-9]{1,3}([ \.\-])?)?([\(][0-9]{1,6}[\)])?([0-9 \.\-]{1,32})(([A-Za-z \:]{1,11})?[0-9]{1,4}?)$/

//郵箱

/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i

//日期(YYYY-MM-DD)

/^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/

//IPV4
/^((([01]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))[.]){3}(([0-1]?[0-9]{1,2})|(2[0-4][0-9])|(25[0-5]))$/

//URL
/^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i

//數(shù)字(允許 +-123,123.123)

/^[\-\+]?((([0-9]{1,3})([,][0-9]{3})*)|([0-9]+))?([\.]([0-9]+))?$/

//2-20個(gè)英文或中文字符
/^([\u4e00-\u9fa5]{2,20})$|^([a-zA-Z]{2,20})$

以上是“日常收集JS正則表達(dá)式有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！