JS正則表達(dá)式常見(jiàn)函數(shù)與用法小結(jié)
本文實(shí)例講述了JS正則表達(dá)式常見(jiàn)函數(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() 方法用于檢測(cè)一個(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á)式在線測(cè)試工具:
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)文章
JS實(shí)現(xiàn)的獲取銀行卡號(hào)歸屬地及銀行卡類型操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)的獲取銀行卡號(hào)歸屬地及銀行卡類型操作,結(jié)合實(shí)例形式分析了javascript不依賴第三方接口計(jì)算銀行卡歸屬地相關(guān)信息操作技巧,需要的朋友可以參考下2019-01-01帝國(guó)cms首頁(yè)列表頁(yè)實(shí)現(xiàn)點(diǎn)贊功能
這篇文章主要介紹了帝國(guó)cms首頁(yè)列表頁(yè)實(shí)現(xiàn)點(diǎn)贊功能的相關(guān)資料,需要的朋友可以參考下2017-10-10微信公眾號(hào)開(kāi)發(fā) 實(shí)現(xiàn)點(diǎn)擊返回按鈕就返回到聊天界面
本文分享了微信公眾號(hào)開(kāi)發(fā)實(shí)現(xiàn)點(diǎn)擊返回按鈕就返回到聊天界面的示例代碼。需要的朋友一起來(lái)看下吧2016-12-12namespace.js Javascript的命名空間庫(kù)
命名空間的好處已經(jīng)耳熟能詳,但是JS中并沒(méi)有原生態(tài)支持命名空間,這個(gè)庫(kù)就是為js提供命名空間的功能。2011-10-10

webpack4手動(dòng)搭建Vue開(kāi)發(fā)環(huán)境實(shí)現(xiàn)todoList項(xiàng)目的方法

用Div仿showModalDialog模式菜單的效果的代碼