RegExp類型exec()方法的返回值說明


之前看別人寫的插件經常會用到RegExp對象來驗證輸入,並且獲取一些那時我並不曉得是什么東西的數組,來取值進行自定義的邏輯處理。今天學習了一下RegExp類型。終於有了一個初步的了解,至少不會看一會就感覺蒙圈了,記錄分享一下

ECMAScript通過RegExp類型來支持正則表達式

語法如下 

var expression =  /pattern / flags;

其中 pattern 部分是正則表達式。 flags 部分用來標明正則表達式的行為,正則表達式的匹配模式支持一下3種:

 g:表示全局模式,即模式將被應用於所有字符串,而非在發現第一個匹配項時立即停止。

 i:表示不區分大小寫。

m:表示多行模式,級在到達一行文本末尾時還會繼續查找下一行中是否存在魚模式匹配的項。

舉個栗子:

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

var pattern2 = /[bc]at/i; //匹配第一個"bat"或"cat",不區分大小寫

了解了正則的語法,下面說一下RegExp實例,上代碼說明吧

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

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

以上,基本上我們就關系輸入的正則表達式和標志符就可以了。下面就是我之前總蒙圈的東西了。終於弄明白都代表了什么,依舊代碼說明

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()接受一個參數,即要應用模式的字符串,然后返回包含第一個匹配項信息的數組;或者在沒有匹配項的情況下返回null.

返回的數組是Array實例,但包含兩個額外的屬性: index 和 input。

其中,

index 表示匹配項在字符串中的位置。(上面代碼匹配項為 short ,對應的位置 是16);

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

在數組中,

第一項:表示與整個模式匹配的字符串 (上面代碼中的 short 匹配 正則校驗);

其它項: 與模式中的捕獲組匹配的字符串(如果模式中沒有捕獲組,則該數組只包含一項)

   上述代碼匹配模式中包含兩個捕獲組。第一個為(..),對應捕獲的字符為 sh;第二個為(.),對應的捕獲字符為 t。

okay. 知道了數組的各項的意義,再看一些插件或庫時,就不會一直蒙圈了。當然,我們也可以根據返回的匹配數據來自定義邏輯操作了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM