JS正則表達(dá)式常見函數(shù)與用法小結(jié)
本文實(shí)例講述了JS正則表達(dá)式常見函數(shù)與用法。分享給大家供大家參考,具體如下:
search()使用正則表達(dá)式
//使用正則表達(dá)式搜索 "Runoob" 字符串,且不區(qū)分大小寫 var str = "Visit Runoob!"; var n = str.search(/Runoob/i);
search() 方法使用字符串
search 方法可使用字符串作為參數(shù)。字符串參數(shù)會(huì)轉(zhuǎn)換為正則表達(dá)式:
var str = "Visit Runoob!";
var n = str.search("Runoob");
//輸出
6
replace() 方法使用正則表達(dá)式
//使用正則表達(dá)式且不區(qū)分大小寫將字符串中的 Microsoft 替換為 Runoob :
var str = document.getElementById("demo").innerHTML;
var txt = str.replace(/microsoft/i,"Runoob");
replace() 方法使用字符串
replace() 方法將接收字符串作為參數(shù):
var str = document.getElementById("demo").innerHTML;
var txt = str.replace("Microsoft","Runoob");
正則表達(dá)式修飾符
修飾符 可以在全局搜索中不區(qū)分大小寫:
| 修飾符 | 描述 |
|---|---|
| i | 執(zhí)行對(duì)大小寫不敏感的匹配。 |
| g | 執(zhí)行全局匹配(查找所有匹配而非在找到第一個(gè)匹配后停止)。 |
| m | 執(zhí)行多行匹配。 |
使用 test()
test() 方法是一個(gè)正則表達(dá)式方法。
test() 方法用于檢測一個(gè)字符串是否匹配某個(gè)模式,如果字符串中含有匹配的文本,則返回 true,否則返回 false。
以下實(shí)例用于搜索字符串中的字符 "e":
var patt = /e/;
patt.test("The best things in life are free!");
字符串中含有 "e",所以該實(shí)例輸出為:
true
可以不用設(shè)置正則表達(dá)式的變量,以上兩行代碼可以合并為一行:
/e/.test("The best things in life are free!")
使用 exec()
exec() 方法是一個(gè)正則表達(dá)式方法。
exec() 方法用于檢索字符串中的正則表達(dá)式的匹配。
該函數(shù)返回一個(gè)數(shù)組,其中存放匹配的結(jié)果。如果未找到匹配,則返回值為 null。
以下實(shí)例用于搜索字符串中的字母 "e":
/e/.exec("The best things in life are free!");
字符串中含有 "e",所以該實(shí)例輸出為:
e
正則表達(dá)式表單驗(yàn)證實(shí)例:
/*是否帶有小數(shù)*/
function isDecimal(strValue ) {
var objRegExp= /^\d+\.\d+$/;
return objRegExp.test(strValue);
}
/*校驗(yàn)是否中文名稱組成 */
function ischina(str) {
var reg=/^[\u4E00-\u9FA5]{2,4}$/; /*定義驗(yàn)證表達(dá)式*/
return reg.test(str); /*進(jìn)行驗(yàn)證*/
}
/*校驗(yàn)是否全由8位數(shù)字組成 */
function isStudentNo(str) {
var reg=/^[0-9]{8}$/; /*定義驗(yàn)證表達(dá)式*/
return reg.test(str); /*進(jìn)行驗(yàn)證*/
}
/*校驗(yàn)電話碼格式 */
function isTelCode(str) {
var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
return reg.test(str);
}
/*校驗(yàn)郵件地址是否合法 */
function IsEmail(str) {
var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
return reg.test(str);
}
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測試工具:
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具:
http://tools.jb51.net/regex/create_reg
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript正則表達(dá)式技巧大全》、《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript之生成器_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
generator(生成器)是ES6標(biāo)準(zhǔn)引入的新的數(shù)據(jù)類型。一個(gè)generator看上去像一個(gè)函數(shù),但可以返回多次,有興趣的可以了解一下。2017-06-06
基于JS實(shí)現(xiàn)任務(wù)隊(duì)列的示例代碼
顧名思義,任務(wù)隊(duì)列就是存放任務(wù)的隊(duì)列,隊(duì)列中的任務(wù)都嚴(yán)格按照進(jìn)入隊(duì)列的先后順序執(zhí)行,所以下面我們就來看看如何基于JS實(shí)現(xiàn)任務(wù)隊(duì)列吧2023-08-08
如何讓一個(gè)json文件顯示在表格里【實(shí)現(xiàn)代碼】
如何讓一個(gè)json文件顯示在表格里?下面小編就為大家?guī)硪黄屢粋€(gè)json文件顯示在表格里的實(shí)現(xiàn)代碼。希望對(duì)大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-05-05
基于dataset的使用和圖片延時(shí)加載的實(shí)現(xiàn)方法
下面小編就為大家分享一篇基于dataset的使用和圖片延時(shí)加載的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12

