之前看別人寫的插件經常會用到RegExp對象來驗證輸入,並且獲取一些那時我並不曉得是什麼東西的數組,來取值進行自定義的邏輯處理。今天學習了一下RegExp類型。終於有了一個初步的瞭解,至少不會看一會就感覺蒙圈了,記錄分享一下 ECMAScript通過RegExp類型來支持正則表達式 語法如下 其中 ...
之前看別人寫的插件經常會用到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. 知道了數組的各項的意義,再看一些插件或庫時,就不會一直蒙圈了。當然,我們也可以根據返回的匹配數據來自定義邏輯操作了。