javascript學習筆記(十二) RegExp類型介紹
更新時間:2012年06月20日 19:50:10 作者:
javascript學習筆記之RegExp類型介紹,學習js的朋友可以參考下
1.匹配模式標記:
g ------ 表示全局模式,而不是發(fā)現(xiàn)第一個匹配成功就立刻結(jié)束
i ------- 表示不區(qū)分大小寫模式
m ----- 表示多行匹配,一行結(jié)束時向下一行繼續(xù)匹配
//匹配第一個bat 或cat,不區(qū)分大小寫
var pattern1 = /[bc]at/i
var pattern2 = new RegExp("[bc]at","i"); //同上
使用RegEXp是字面量模式要轉(zhuǎn)換成字符串
/\[bc\]at/ =======> "\\[bc\\]at"
/\.at/ ==========> "\\.at"
/name\/age/ ======> "name\\/age"
/\d.\d{1,2}/ ======> "\\d.\\d{1,2}"
/\w\\hello\\123/ ====>"\\w\\\\hello\\\\123
2.RegExp實例屬性
global —— 布爾值,表示是否設(shè)置了g 標志
ignoreCase —— 布爾值,表示是否設(shè)置了i 標志
multiline —— 布爾值,表示是否設(shè)置了m 標志
lastIndex —— 整數(shù),表示開始搜索下一個匹配項的位置
source —— 字面量形式的字符串
var pattern2 = new RegExp("\\[bc\\]at","i");
alert(pattern2.source); //"\[bc\]at"
3.RegExp實例方法
exec()方法 接受一個參數(shù),即應(yīng)用正則表達式的字符串,
返回數(shù)組和兩個屬性index和input,數(shù)組第一項是與整個模式匹配的字符串,其他項是與模式中的捕獲組匹配的字符串
var text "mom and dat and baby";
var pattern = /mom( and dad( and baby)?)?/gi;
var matches = pattern.exec(text);
alert(matches.index); //0
alert(matches.input); //"mom and dad and baby"
alert(matches[0]); //"mom and dad and baby"
alert(matches[1]); //" and dad and baby"
alert(matches[2]); //" and baby"
非全局模式時每次調(diào)用exec()返回的都是第一次匹配的項
全局模式時每次調(diào)用ecec()返回字符串的下一個匹配項,lastIndex的值會增加
test()方法 接受一個參數(shù),即應(yīng)用正則表達式的字符串,匹配返回 true 否則返回 false
var text = "000-00-0000";
var pattern = /\d{3}-\d{2}-\d{4}/;
if (pattern.test(test)) {
alert("匹配!");
}
4.RegExp 構(gòu)造函數(shù)屬性
var text = "this has been a short summer";
var pattern = /(.)host/g;
if (pattern.test(text)){
alert(RegExp.input); //this has been a short summer 最近一次要匹配的字符串,等價于RegExp.$_ ,opera不支持
alert(RegExp.lastMatch); //short 最近一次的匹配項,等價于RegExp["$&"] ,opera不支持
alert(RegExp.lastParen); //s 最近一次匹配的捕獲組,等價于RegExp["$+"] ,opera不支持
alert(RegExp.leftContext); //this has been a 匹配項前的文本,等價于RegExp["$`"]
alert(RegExp.rightContext); // summer 匹配項后的文本,等價于RegExp["$‘"] ,
alert(RegExp.multiline); //false 是不是多行模式,等價于RegExp["$*"] ,opera和IE都不支持
}
RegExp.$1 …… RegExp.$9 存儲捕獲組
var text = "this has been a short summer";
var pattern =/(..)or(.)/g;
if (pattern.test(text)) {
alert(RegExp.$1); //sh
alert(RegExp.$2); //t
}
g ------ 表示全局模式,而不是發(fā)現(xiàn)第一個匹配成功就立刻結(jié)束
i ------- 表示不區(qū)分大小寫模式
m ----- 表示多行匹配,一行結(jié)束時向下一行繼續(xù)匹配
復(fù)制代碼 代碼如下:
//匹配第一個bat 或cat,不區(qū)分大小寫
var pattern1 = /[bc]at/i
var pattern2 = new RegExp("[bc]at","i"); //同上
使用RegEXp是字面量模式要轉(zhuǎn)換成字符串
/\[bc\]at/ =======> "\\[bc\\]at"
/\.at/ ==========> "\\.at"
/name\/age/ ======> "name\\/age"
/\d.\d{1,2}/ ======> "\\d.\\d{1,2}"
/\w\\hello\\123/ ====>"\\w\\\\hello\\\\123
2.RegExp實例屬性
global —— 布爾值,表示是否設(shè)置了g 標志
ignoreCase —— 布爾值,表示是否設(shè)置了i 標志
multiline —— 布爾值,表示是否設(shè)置了m 標志
lastIndex —— 整數(shù),表示開始搜索下一個匹配項的位置
source —— 字面量形式的字符串
復(fù)制代碼 代碼如下:
var pattern2 = new RegExp("\\[bc\\]at","i");
alert(pattern2.source); //"\[bc\]at"
3.RegExp實例方法
exec()方法 接受一個參數(shù),即應(yīng)用正則表達式的字符串,
返回數(shù)組和兩個屬性index和input,數(shù)組第一項是與整個模式匹配的字符串,其他項是與模式中的捕獲組匹配的字符串
復(fù)制代碼 代碼如下:
var text "mom and dat and baby";
var pattern = /mom( and dad( and baby)?)?/gi;
var matches = pattern.exec(text);
alert(matches.index); //0
alert(matches.input); //"mom and dad and baby"
alert(matches[0]); //"mom and dad and baby"
alert(matches[1]); //" and dad and baby"
alert(matches[2]); //" and baby"
非全局模式時每次調(diào)用exec()返回的都是第一次匹配的項
全局模式時每次調(diào)用ecec()返回字符串的下一個匹配項,lastIndex的值會增加
test()方法 接受一個參數(shù),即應(yīng)用正則表達式的字符串,匹配返回 true 否則返回 false
復(fù)制代碼 代碼如下:
var text = "000-00-0000";
var pattern = /\d{3}-\d{2}-\d{4}/;
if (pattern.test(test)) {
alert("匹配!");
}
4.RegExp 構(gòu)造函數(shù)屬性
復(fù)制代碼 代碼如下:
var text = "this has been a short summer";
var pattern = /(.)host/g;
if (pattern.test(text)){
alert(RegExp.input); //this has been a short summer 最近一次要匹配的字符串,等價于RegExp.$_ ,opera不支持
alert(RegExp.lastMatch); //short 最近一次的匹配項,等價于RegExp["$&"] ,opera不支持
alert(RegExp.lastParen); //s 最近一次匹配的捕獲組,等價于RegExp["$+"] ,opera不支持
alert(RegExp.leftContext); //this has been a 匹配項前的文本,等價于RegExp["$`"]
alert(RegExp.rightContext); // summer 匹配項后的文本,等價于RegExp["$‘"] ,
alert(RegExp.multiline); //false 是不是多行模式,等價于RegExp["$*"] ,opera和IE都不支持
}
RegExp.$1 …… RegExp.$9 存儲捕獲組
復(fù)制代碼 代碼如下:
var text = "this has been a short summer";
var pattern =/(..)or(.)/g;
if (pattern.test(text)) {
alert(RegExp.$1); //sh
alert(RegExp.$2); //t
}
您可能感興趣的文章:
- javascript學習筆記(十九) 節(jié)點的操作實現(xiàn)代碼
- javascript學習筆記(十八) 獲得頁面中的元素代碼
- javascript學習筆記(十七) 檢測瀏覽器插件代碼
- javascript學習筆記(十六) 系統(tǒng)對話框(alert、confirm、prompt)
- javascript學習筆記(十五) js間歇調(diào)用和超時調(diào)用
- javascript學習筆記(十四) window對象使用介紹
- javascript學習筆記(十三) js閉包介紹(轉(zhuǎn))
- javascript學習筆記(十一) 正則表達式介紹
- javascript學習筆記(十) js對象 繼承
- javascript學習筆記(九) js對象 設(shè)計模式
- javascript學習筆記(八) js內(nèi)置對象
- javascript學習筆記(七) js函數(shù)介紹
- javascript學習筆記(六) Date 日期類型
- javascript學習筆記(五) Array 數(shù)組類型介紹
- javascript學習筆記(四) Number 數(shù)字類型
- javascript學習筆記(三) String 字符串類型介紹
- javascript學習筆記(二) js一些基本概念
- javascript學習筆記(一) 在html中使用javascript
- javascript學習筆記(二十) 獲得和設(shè)置元素的特性(屬性)
相關(guān)文章
不得不看之JavaScript構(gòu)造函數(shù)及new運算符
這篇文章主要介紹了JavaScript構(gòu)造函數(shù)及new運算符,通過認識new運算符,代碼解讀,重點解析,new存在的意義,總結(jié)等全面介紹了知識點,具體操作步驟大家可查看下文的詳細講解,感興趣的小伙伴們可以參考一下。2017-08-08javascript設(shè)計模式之鴨子類型和多態(tài)
這篇文章主要為大家介紹了javascript鴨子類型和多態(tài),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助<BR>2022-01-01簡介JavaScript中POSITIVE_INFINITY值的使用
這篇文章主要介紹了簡介JavaScript中POSITIVE_INFINITY值的使用,是JS入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06JavaScript使用escape()、encodeURI()和decodeURI()實現(xiàn)URI編碼解碼
這篇文章介紹了JavaScript使用escape()、encodeURI()和decodeURI()實現(xiàn)URI編碼解碼的方法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-05-05淺析javascript的間隔調(diào)用和延時調(diào)用
文章主要通過小實例談?wù)刯avascript的間隔調(diào)用和延時調(diào)用,非常的簡單實用,有需要的小伙伴可以參考下2014-11-11