JS正則表達式常見函數與用法小結
本文實例講述了JS正則表達式常見函數與用法。分享給大家供大家參考，具體如下：
search()使用正則表達式
//使用正則表達式搜索 "Runoob" 字符串，且不區(qū)分大小寫 var str = "Visit Runoob!"; var n = str.search(/Runoob/i);
search() 方法使用字符串
search 方法可使用字符串作為參數。字符串參數會轉換為正則表達式：
var str = "Visit Runoob!";
var n = str.search("Runoob");
//輸出
6
replace() 方法使用正則表達式
//使用正則表達式且不區(qū)分大小寫將字符串中的 Microsoft 替換為 Runoob :
var str = document.getElementById("demo").innerHTML;
var txt = str.replace(/microsoft/i,"Runoob");
replace() 方法使用字符串
replace() 方法將接收字符串作為參數：
var str = document.getElementById("demo").innerHTML;
var txt = str.replace("Microsoft","Runoob");
正則表達式修飾符
修飾符 可以在全局搜索中不區(qū)分大小寫:
| 修飾符 | 描述 |
|---|---|
| i | 執(zhí)行對大小寫不敏感的匹配。 |
| g | 執(zhí)行全局匹配（查找所有匹配而非在找到第一個匹配后停止）。 |
| m | 執(zhí)行多行匹配。 |
使用 test()
test() 方法是一個正則表達式方法。
test() 方法用于檢測一個字符串是否匹配某個模式，如果字符串中含有匹配的文本，則返回 true，否則返回 false。
以下實例用于搜索字符串中的字符 "e"：
var patt = /e/;
patt.test("The best things in life are free!");
字符串中含有 "e"，所以該實例輸出為：
true
可以不用設置正則表達式的變量，以上兩行代碼可以合并為一行：
/e/.test("The best things in life are free!")
使用 exec()
exec() 方法是一個正則表達式方法。
exec() 方法用于檢索字符串中的正則表達式的匹配。
該函數返回一個數組，其中存放匹配的結果。如果未找到匹配，則返回值為 null。
以下實例用于搜索字符串中的字母 "e":
/e/.exec("The best things in life are free!");
字符串中含有 "e"，所以該實例輸出為:
e
正則表達式表單驗證實例：
/*是否帶有小數*/
function isDecimal(strValue ) {
var objRegExp= /^\d+\.\d+$/;
return objRegExp.test(strValue);
}
/*校驗是否中文名稱組成 */
function ischina(str) {
var reg=/^[\u4E00-\u9FA5]{2,4}$/; /*定義驗證表達式*/
return reg.test(str); /*進行驗證*/
}
/*校驗是否全由8位數字組成 */
function isStudentNo(str) {
var reg=/^[0-9]{8}$/; /*定義驗證表達式*/
return reg.test(str); /*進行驗證*/
}
/*校驗電話碼格式 */
function isTelCode(str) {
var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
return reg.test(str);
}
/*校驗郵件地址是否合法 */
function IsEmail(str) {
var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
return reg.test(str);
}
PS：這里再為大家提供2款非常方便的正則表達式工具供大家參考使用：
JavaScript正則表達式在線測試工具：
http://tools.jb51.net/regex/javascript
正則表達式在線生成工具：
http://tools.jb51.net/regex/create_reg
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript正則表達式技巧大全》、《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是讓別人來做，這個事件本來是加在某些元素上的，然而你卻加到別人身上來做，完成這個事件，本文給大家重點介紹js中的事件委托及好處，一起看看吧2016-07-07
JavaScript之生成器_動力節(jié)點Java學院整理
generator（生成器）是ES6標準引入的新的數據類型。一個generator看上去像一個函數，但可以返回多次，有興趣的可以了解一下。2017-06-06
顧名思義,任務隊列就是存放任務的隊列,隊列中的任務都嚴格按照進入隊列的先后順序執(zhí)行,所以下面我們就來看看如何基于JS實現任務隊列吧2023-08-08
JavaScript 中的 Object 是一種非常靈活且強大的數據類型,它允許我們創(chuàng)建和操作鍵值對,在本文中,我們將深入探討 Object 的一些重要屬性,以便更好地理解和利用這個關鍵的數據結構,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了小程序如何定位所在城市及發(fā)起周邊搜索，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
如何讓一個json文件顯示在表格里？下面小編就為大家?guī)硪黄屢粋€json文件顯示在表格里的實現代碼。希望對大家有所幫助。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-05-05
下面小編就為大家分享一篇基于dataset的使用和圖片延時加載的實現方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
模擬彈出菜單的代碼...2007-08-08
收集不同瀏覽器的怪癖，對于大家以后的開發(fā)與兼容性問題，有所幫助。2010-07-07
在前端開發(fā)中總會遇到各種各樣需要使用或計算坐標和距離的情況，于是便有了整理記錄的想法，即加深了印象，又方便隨時查閱。2019-05-05