JavaScript常用正則函數(shù)用法示例
本文實(shí)例講述了JavaScript常用正則函數(shù)用法。分享給大家供大家參考,具體如下:
JavaScript正則函數(shù)match、exec、test、search、replace、split使用。
*屬性 "g"、"i" 和 "m",分別用于指定全局匹配、區(qū)分大小寫(xiě)的匹配和多行匹配。
1、match()函數(shù)
match()函數(shù):如果未找到匹配,則返回值為 null;如果找到了匹配,則返回一個(gè)結(jié)果數(shù)組。
function RegExpMatch() {
var str = "http://www.dhdzp.com/jiaoben";
var reg = /[j][\s\S]{3}/gi; // 注意g將全文匹配,不加將永遠(yuǎn)只返回第一個(gè)匹配
var result = str.match(reg);
alert(result); //返回:jb51,jiao
}
2、exec()函數(shù)
exec()函數(shù):如果未找到匹配,則返回值為 null;如果找到了匹配,則返回一個(gè)結(jié)果數(shù)組。
此數(shù)組的第 0 個(gè)元素是與正則表達(dá)式相匹配的文本,第1個(gè)元素與 RegExpObject的第1個(gè)子表達(dá)式相匹配的文本(如果有的話),第2個(gè)元 素是與RegExpObject的第2個(gè)子表達(dá)式相匹配的文本(如果有的話),以 此類(lèi)推。
function RegExpExec() {
var str = "1234-5678";
var reg = /(\d{4})-(\d{4})/;
var result = reg.exec(str);
alert(result); //返回:1234-5678,1234,5678
alert(result[1] + ' ' + result[2]); //1234 5678
alert(RegExp.$1 + ' ' + RegExp.$2); //1234 5678
}
3、test()函數(shù)
test()函數(shù):返回一個(gè) Boolean 值,它指出在被查找的字符串中是否匹配給出的正則表達(dá)式。
function RegExpTest() {
var str = "http://www.dhdzp.com/jiaoben";
var reg = /^http:\/\/([\w-]+\.)+[\w-]+(\/[\w-]*)?$|^([\w-]+\.)+[\w-]+(\/[\w-]*)?$/; //驗(yàn)證URL格式
var result = false;
if (reg.test(str)) {
result = true;
}
alert(result); //true
}
4、search ()函數(shù)
search ()函數(shù):返回與正則表達(dá)式查找內(nèi)容匹配的第一個(gè)子字符串的位置,如果未找到匹配,則返回值為 -1。
function RegExpSearch() {
var str = "http://www.dhdzp.com/jiaoben";
var reg = /(jiaoben)/;
var result = str.search(reg);
alert(result); //20
}
5、replace()函數(shù)
replace()函數(shù):返回根據(jù)正則表達(dá)式進(jìn)行文字替換后的字符串的復(fù)制。
function RegExpReplace() {
var str = "http://www.dhdzp.com/jiaoben";
var reg = /^(http:\/\/www.dhdzp.com)\/([\w]*)$/;
var result = str.replace(reg, "$1?userId=$2");
alert(result); //http://www.dhdzp.com?userId=jiaoben
}
6、split()函數(shù)
split()函數(shù):將一個(gè)字符串分割為子字符串,然后將結(jié)果作為字符串?dāng)?shù)組返回。
function RegExpSplit() {
var str = "1@4@7@9";
var reg = /@/;
var result = str.split(reg); ;
alert(result); //[1,4,7,9]
}
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)容感興趣的讀者可查看本站專(zhuān)題:《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ì)有所幫助。
- js常用正則表達(dá)式集錦
- 淺談Javascript常用正則表達(dá)式應(yīng)用
- JS常用正則表達(dá)式總結(jié)【經(jīng)典】
- JavaScript常用正則驗(yàn)證函數(shù)實(shí)例小結(jié)【年齡,數(shù)字,Email,手機(jī),URL,日期等】
- JS常用正則表達(dá)式及驗(yàn)證時(shí)間的正則表達(dá)式
- javascript常用正則表達(dá)式匯總
- PHP和javascript常用正則表達(dá)式及用法實(shí)例
- JS常用正則表達(dá)式總結(jié)
- javascript常用正則表達(dá)式合集
- js 常用正則表達(dá)式表單驗(yàn)證代碼
- js 驗(yàn)證 常用正則表達(dá)式集錦
- JS常用正則表達(dá)式超全集(密碼強(qiáng)度校驗(yàn),金額校驗(yàn),IE版本,IPv4,IPv6校驗(yàn))
相關(guān)文章
js+html5 canvas實(shí)現(xiàn)ps鋼筆摳圖
這篇文章主要介紹了js+html5 canvas實(shí)現(xiàn)ps鋼筆摳圖,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
TopList標(biāo)簽和JavaScript結(jié)合兩例
TopList標(biāo)簽和JavaScript結(jié)合兩例...2007-08-08
html dom節(jié)點(diǎn)操作(獲取/修改/添加或刪除)
DOM 是關(guān)于如何獲取、修改、添加或刪除 HTML 元素的標(biāo)準(zhǔn),下面為大家介紹下html dom節(jié)點(diǎn)操作,感興趣的朋友可以參考下2014-01-01
Javascript實(shí)現(xiàn)滾動(dòng)圖片新聞的實(shí)例代碼
這篇文章主要介紹了Javascript實(shí)現(xiàn)滾動(dòng)圖片新聞的實(shí)例代碼。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11
Bootstrap fileinput文件上傳預(yù)覽插件使用詳解
這篇文章主要為大家詳細(xì)介紹了Bootstrap fileinput文件上傳預(yù)覽插件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05
使用flow來(lái)規(guī)范javascript的變量類(lèi)型
這篇文章主要介紹了使用flow來(lái)規(guī)范javascript的變量類(lèi)型,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
webpack打包后直接訪問(wèn)頁(yè)面圖片路徑錯(cuò)誤的解決方法
這篇文章主要給大家介紹了在webpack打包后直接訪問(wèn)頁(yè)面圖片路徑錯(cuò)誤的解決方法,文中介紹的非常詳細(xì),對(duì)遇到這個(gè)問(wèn)題的朋友們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-06-06
JavaScript引用類(lèi)型Object常見(jiàn)用法實(shí)例分析
這篇文章主要介紹了JavaScript引用類(lèi)型Object常見(jiàn)用法,簡(jiǎn)單描述了javascript基本數(shù)據(jù)類(lèi)型,并結(jié)合實(shí)例形式分析了引用類(lèi)型Object基本創(chuàng)建、賦值、訪問(wèn)屬性等基本操作技巧,需要的朋友可以參考下2018-08-08

