本文實(shí)例講述了JS正則表達(dá)式常見用法。分享給大家供大家參考，具體如下：

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)新縣免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了1000+企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

前言:正則表達(dá)式(regular expression)反反復(fù)復(fù)學(xué)了多次，學(xué)了又忘，忘了又學(xué)，這次打算把基本的東西都整理出來，加強(qiáng)記憶，也方便下次查詢。

學(xué)習(xí)正則表達(dá)式之前首先需要掌握記憶這些基本概念:

1.元字符:(.,\w,\W,\d,\D,\s,/S,^,$,)

2.分組符([],(),{});

3.修飾符(i,g,m);

4.量詞(*,?,+,-,{n,m},?=n,?!=n);

實(shí)例解析:

var reg = /\(?0\d{2}[) -]?\d{8}/

“(”和“)”也是元字符，后面的分組節(jié)里會(huì)提到，所以在這里需要使用轉(zhuǎn)義。
這個(gè)表達(dá)式可以匹配幾種格式的電話號(hào)碼，像(010)88886666，或022-22334455，或02912345678等。我們對(duì)它進(jìn)行一些分析吧:首先是一個(gè)轉(zhuǎn)義字符\(,它能出現(xiàn)0次或1次(?),然后是一個(gè)0，后面跟著2個(gè)數(shù)字(\d{2})，然后是)或-或空格中的一個(gè)，它出現(xiàn)1次或不出現(xiàn)(?)，最后是8個(gè)數(shù)字(\d{8})。

以下通過實(shí)例來講解RegExp:

需求一:在一句話英文中匹配一個(gè)hi的單詞。

var str = 'Hi RegExp I love you so much Hi Hi hi';
var reg = new RegExp("\\bhi\\b","gi");//g是一個(gè)修飾符，表示全局匹配。\b是一個(gè)元字符，代表單詞邊界，匹配單詞的開頭和結(jié)尾。
//直接量語法:
reg2 = /\bhi\b/gi;
console.log(str.match(reg2));//['hi','hi','hi','hi']
//升級(jí)
//匹配hi后面不遠(yuǎn)處跟著一個(gè)lucy
var strlc = /\bhi\b.*\blucy\b/;
var luch = 'hi welcome to beijing lucy!!!';
console.log(luch.match(strlc));

需求二:在一句話英文中匹配一個(gè)hi的單詞。

var reg = /0\d\d\d-\d\d\d\d\d\d\d\d/;//\d代表一個(gè)數(shù)字，等價(jià)于[0-9],\D匹配一個(gè)非數(shù)字字符，等價(jià)于[^0-9]
var tel = "0123-887523146";
console.log(tel.match(reg));//0123-88752314;
//這個(gè)連續(xù)寫多次的方法很笨哎，所以引進(jìn)了變量。
regTel = /0\d{3}-\d{8}/;
console.log(tel.match(regTel));//0123-88752314;

需求三:寫一個(gè)清除字符串前后空格的正則表達(dá)式。

String.prototype.trim = function(){return this.replace(/(^\s*)|(\s*$)/g, "");}
var str2 = " hi space "http://這里前后共有兩個(gè)空格
console.log(str2.length);//14
console.log(str2.trim().length);//8
console.log(str2.trim());//hi space

需求四:匹配一個(gè)郵箱。

var eReg = /\S*@\S*\.\S*/;
console.log(eReg.test('873619879@qq.com'))//true

參考文章:

https://www.jb51.net/books/513871.html
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions#
//www.jb51.net/article/72867.htm
https://www.jb51.net/article/107796.htm

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ì)有所幫助。

網(wǎng)頁名稱：JS正則表達(dá)式常見用法實(shí)例詳解
本文路徑：http://www.chinadenli.net/article28/gccdjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、云服務(wù)器、網(wǎng)站收錄、外貿(mào)建站、微信公眾號(hào)、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)