之前看別人寫的插件經(jīng)常會(huì)用到RegExp對(duì)象來驗(yàn)證輸入，并且獲取一些那時(shí)我并不曉得是什么東西的數(shù)組，來取值進(jìn)行自定義的邏輯處理。今天學(xué)習(xí)了一下RegExp類型。終于有了一個(gè)初步的了解，至少不會(huì)看一會(huì)就感覺蒙圈了，記錄分享一下

ECMAScript通過RegExp類型來支持正則表達(dá)式

語法如下　

var expression = /pattern / flags;

其中 pattern 部分是正則表達(dá)式。 flags 部分用來標(biāo)明正則表達(dá)式的行為,正則表達(dá)式的匹配模式支持一下3種：

?g：表示全局模式，即模式將被應(yīng)用于所有字符串，而非在發(fā)現(xiàn)第一個(gè)匹配項(xiàng)時(shí)立即停止。

?i：表示不區(qū)分大小寫。

m：表示多行模式，級(jí)在到達(dá)一行文本末尾時(shí)還會(huì)繼續(xù)查找下一行中是否存在魚模式匹配的項(xiàng)。

舉個(gè)栗子:

var pattern1= /at/g;　　//匹配字符串中所有"at"的實(shí)例

var pattern2 = /[bc]at/i; //匹配第一個(gè)"bat"或"cat"，不區(qū)分大小寫

了解了正則的語法，下面說一下RegExp實(shí)例，上代碼說明吧

var pattern = new RegExp("\\[bc\\]at","i");　　//創(chuàng)建正則實(shí)例

alert(pattern.global);　　//false 是否設(shè)置全局標(biāo)識(shí)
alert(pattern.ignoreCase); //true 是否不區(qū)分大小寫
alert(pattern.multiline);　　//false 是否設(shè)置多行標(biāo)識(shí)
alert(pattern.lastIndex);　　//0 表示開始搜索下一個(gè)匹配項(xiàng)的字符位置，從0算起
alert(pattern.source);　　//"\[bc\]at" 返回按照字面量形式而非傳入構(gòu)造函數(shù)中的字符串模式

以上，基本上我們就關(guān)系輸入的正則表達(dá)式和標(biāo)志符就可以了。下面就是我之前總蒙圈的東西了。終于弄明白都代表了什么，依舊代碼說明

var text ="this has been a short summer"; var pattern =/(..)or(.)/g;

var matches=pattern.exec(text);
console.log(matches.index); // 16
console.log(matches.input); // this has been a short summer
console.log(matches[0]);　　// short
console.log(matches[1]); 　　// sh
console.log(matches[2]);　　　　// t

下面解釋一下

exec()接受一個(gè)參數(shù)，即要應(yīng)用模式的字符串，然后返回包含第一個(gè)匹配項(xiàng)信息的數(shù)組;或者在沒有匹配項(xiàng)的情況下返回null.

返回的數(shù)組是Array實(shí)例，但包含兩個(gè)額外的屬性: index 和 input。

其中，

index 表示匹配項(xiàng)在字符串中的位置。（上面代碼匹配項(xiàng)為 short ，對(duì)應(yīng)的位置 是16）;

input 表示應(yīng)用正則表達(dá)式的字符串。（上面代碼的 text變量的值 this has been a short summer）;

在數(shù)組中,

第一項(xiàng)：表示與整個(gè)模式匹配的字符串 (上面代碼中的 short 匹配 正則校驗(yàn));

其它項(xiàng): 與模式中的捕獲組匹配的字符串（如果模式中沒有捕獲組，則該數(shù)組只包含一項(xiàng)）

? ?上述代碼匹配模式中包含兩個(gè)捕獲組。第一個(gè)為（..），對(duì)應(yīng)捕獲的字符為 sh;第二個(gè)為（.），對(duì)應(yīng)的捕獲字符為 t。

okay. 知道了數(shù)組的各項(xiàng)的意義，再看一些插件或庫(kù)時(shí)，就不會(huì)一直蒙圈了。當(dāng)然，我們也可以根據(jù)返回的匹配數(shù)據(jù)來自定義邏輯操作了。

?

轉(zhuǎn)載于:https://www.cnblogs.com/chunyangji/p/5953418.html

總結(jié)

以上是生活随笔為你收集整理的RegExp类型exec()方法的返回值说明的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。