主頁(yè) > 知識(shí)庫(kù) > JavaScript正則表達(dá)式上之基本語(yǔ)法(推薦)

JavaScript正則表達(dá)式上之基本語(yǔ)法(推薦)

熱門標(biāo)簽:地圖標(biāo)注字母的軟件 400免費(fèi)電話去哪申請(qǐng) 鄂州人工智能電銷機(jī)器人軟件 實(shí)用地圖標(biāo)注app 地圖標(biāo)注商戶中心要收錢多少 菏澤智能ai電銷機(jī)器人銷售公司 宿遷智能外呼系統(tǒng)供應(yīng)商 線上教育ai外呼系統(tǒng) css百度地圖標(biāo)注位置顯示

相關(guān)閱讀:

js正則表達(dá)式基本語(yǔ)法(精粹)

正則表達(dá)式語(yǔ)法

一個(gè)正則表達(dá)式就是由普通字符(例如字符 a 到 z)以及特殊字符(稱為元字符)組成的文字模式。該模式描述在查找文字主體時(shí)待匹配的一個(gè)或多個(gè)字符串。正則表達(dá)式作為一個(gè)模板,將某個(gè)字符模式與所搜索的字符串進(jìn)行匹配。

定義

JavaScript種正則表達(dá)式有兩種定義方式,定義一個(gè)匹配類似 %XXX%> 的字符串

1. 構(gòu)造函數(shù)

復(fù)制代碼 代碼如下:

var reg=new RegExp('%[^%>]+%>','g');

2. 字面量

復(fù)制代碼 代碼如下:

var reg=/%[^%>]%>/g;

g:global,全文搜索,默認(rèn)搜索到第一個(gè)結(jié)果接停止i:ingore case,忽略大小寫,默認(rèn)大小寫敏感m:multiple lines,多行搜索(更改^ 和$的含義,使它們分別在任意一行對(duì)待行首和行尾匹配,而不僅僅在整個(gè)字符串的開頭和結(jié)尾匹配)

元字符

正則表達(dá)式讓人望而卻步以一個(gè)重要原因就是其轉(zhuǎn)義字符太多了,組合非常之多,但是正則表達(dá)式的元字符(在正則表達(dá)式中具有特殊意義的專用字符,可以用來(lái)規(guī)定其前導(dǎo)字符)并不多

元字符:( [ { \ ^ $ | ) ? * + .

并不是每個(gè)元字符都有其特定意義,在不同的組合中元字符有不同的意義,分類看一下

字符類

一般情況下正則表達(dá)式一個(gè)字符(轉(zhuǎn)義字符算一個(gè))對(duì)應(yīng)字符串一個(gè)字符,表達(dá)式 ab\t 的含義是

但是我們可以使用元字符[]來(lái)構(gòu)建一個(gè)簡(jiǎn)單的類,所謂類是指,符合某些特征的對(duì)象,是一個(gè)泛指,而不是特指某個(gè)字符了,我們可以使用表達(dá)式 [abc] 把字符a或b或c歸為一類,表達(dá)式可以匹配這類的字符

元字符[]組合可以創(chuàng)建一個(gè)類,我們還可以使用元字符^創(chuàng)建反向類/負(fù)向類,反向類的意思是不屬于XXX類的內(nèi)容,表達(dá)式 [^abc] 表示不是字符a或b或c的內(nèi)容

范圍類

按照上面的說(shuō)明要是我們希望匹配單個(gè)數(shù)字那么表達(dá)式是這樣的

[0123456789]

如果是字母那么。。。,好麻煩,正則表達(dá)式還提供了范圍類,我們可以使用 x-y來(lái)連接兩個(gè)字符表示從x到y(tǒng)的任意字符,這是個(gè)閉區(qū)間,也就是說(shuō)包含x和ybenshen,這樣匹配小寫字母就很簡(jiǎn)單了

[a-z]

要是想匹配所有字母呢?在[]組成的類內(nèi)部是可以連寫的,我們還可以這樣寫[a-zA-Z]

預(yù)定義類

剛才使用正則我們創(chuàng)建了幾個(gè)類,來(lái)表示數(shù)字,字母等,但這樣寫也很是麻煩,正則表達(dá)式為我們提供了幾個(gè)常用的預(yù)定義類來(lái)匹配常見的字符

有了這些預(yù)定義類,寫一些正則就很方便了,比如我們希望匹配一個(gè) ab+數(shù)字+任意字符 的字符串,就可以這樣寫了 ab\d.

邊界

正則表達(dá)式還提供了幾個(gè)常用的邊界匹配字符

看個(gè)不負(fù)責(zé)任的郵箱正則匹配(切勿模仿,小括號(hào)后面會(huì)講到)\w+@\w+\.(com)$

量詞

之前我們介紹的方法都是一一匹配的,如果我們希望匹配一個(gè)連續(xù)出現(xiàn)20次數(shù)字的字符串難道我們需要寫成這樣

\d\d\d\d...

為此正則表達(dá)式引入了一些量詞

看幾個(gè)使用量詞的例子

\w+\b Byron 匹配 單詞+邊界+Byron

復(fù)制代碼 代碼如下:

(/\w+\b Byron/).test('Hi Byron'); //true(/\w+\b Byron/).test('Welcome Byron'); //true(/\w+\b Byron/).test('HiByron'); //false

\d+\.\d{1,3} 匹配三位小數(shù)的數(shù)字

貪婪模式與非貪婪模式

看了上面介紹的量詞,也許愛(ài)思考的同學(xué)會(huì)想到關(guān)于匹配原則的一些問(wèn)題,比如{3,5}這個(gè)量詞,要是在句子種出現(xiàn)了十次,那么他是每次匹配三個(gè)還是五個(gè),反正3、4、5都滿足3~5的條件,量詞在默認(rèn)下是盡可能多的匹配的,也就是大家常說(shuō)的貪婪模式

復(fù)制代碼 代碼如下:

'123456789'.match(/\d{3,5}/g); //["12345", "6789"]

既然有貪婪模式,那么肯定會(huì)有非貪婪模式,讓正則表達(dá)式盡可能少的匹配,也就是說(shuō)一旦成功匹配不不再繼續(xù)嘗試,做法很簡(jiǎn)單,在量詞后加上 ? 即可

復(fù)制代碼 代碼如下:

'123456789'.match(/\d{3,5}?/g); //["123", "456", "789"]

分組

有時(shí)候我們希望使用量詞的時(shí)候匹配多個(gè)字符,而不是像上面例子只是匹配一個(gè),比如希望匹配Byron出現(xiàn)20次的字符串,我們?nèi)绻麑懗葿yron{20} 的話匹配的是Byro+n出現(xiàn)20次,怎么把Byron作為一個(gè)整體呢?使用()就可以達(dá)到次目的,我們稱為分組

(Byron){20}

如果希望匹配Byron或Casper出現(xiàn)20次該怎么辦呢?可以使用字符 | 達(dá)到或的功效

(Byron|Casper){20}

我們看到圖中有個(gè)#1的東東,那是什么?使用分組的正則表達(dá)式會(huì)把匹配項(xiàng)也放到分組中,默認(rèn)就是按數(shù)字編號(hào)分發(fā)的,各異根據(jù)編號(hào)獲得捕獲的分組內(nèi)容,這個(gè)在一些希望具體操作第幾個(gè)匹配項(xiàng)的函數(shù)中很有用

(Byron).(ok)

如果有分組嵌套的情況,外面的組的編號(hào)靠前

((^|%>)[^\t]*)

有時(shí)候我們不希望捕獲某些分組,只需要在分組內(nèi)加上 ?: 就可以了,著并不意味著該分組內(nèi)容不屬于正則表達(dá)式,只是不會(huì)給這個(gè)分組加編號(hào)了而已

(?:Byron).(ok)

其實(shí)在C#等語(yǔ)言中分組還可以起名字,不過(guò)JavaScript不支持

前瞻表達(dá)式

說(shuō)的有些抽象,看個(gè)例子good(?=Byron)

復(fù)制代碼 代碼如下:

(/good(?=Byron)/).exec('goodByron123'); //['good'](/good(?=Byron)/).exec('goodCasper123'); //null(/bad(?=Byron)/).exec('goodCasper123');//null

通過(guò)上面例子可以看出 exp1(?=exp2) 表達(dá)式會(huì)匹配exp1表達(dá)式,但只有其后面內(nèi)容是exp2的時(shí)候才會(huì)匹配,也就是兩個(gè)條件,exp1(?!exp2) 比較類似

good(?!Byron)

復(fù)制代碼 代碼如下:

(/good(?!Byron)/).exec('goodByron123'); //null(/good(?!Byron)/).exec('goodCasper123'); //['good'](/bad(?!Byron)/).exec('goodCasper123');//null

以上所述是小編給大家介紹的JavaScript正則表達(dá)式上之基本語(yǔ)法(推薦)的相關(guān)知識(shí),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

您可能感興趣的文章:
  • Javascript中正則表達(dá)式的使用及基本語(yǔ)法
  • 正則表達(dá)式基本語(yǔ)法及表單驗(yàn)證操作詳解【基于JS】
  • JS正則表達(dá)式一條龍講解(從原理和語(yǔ)法到JS正則)
  • 詳解js正則表達(dá)式語(yǔ)法介紹
  • 老生常談JavaScript 正則表達(dá)式語(yǔ)法
  • javascript正則表達(dá)式定義(語(yǔ)法)總結(jié)
  • js正則表達(dá)式基本語(yǔ)法(精粹)
  • js 玩轉(zhuǎn)正則表達(dá)式之語(yǔ)法高亮
  • 正則表達(dá)式語(yǔ)法規(guī)則及在Javascript和C#中的使用方法
  • javascript中正則表達(dá)式語(yǔ)法詳解

標(biāo)簽:鞍山 咸陽(yáng) 三亞 梅州 池州 綿陽(yáng) 恩施 六安

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《JavaScript正則表達(dá)式上之基本語(yǔ)法(推薦)》,本文關(guān)鍵詞  JavaScript,正則,表達(dá)式,上,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《JavaScript正則表達(dá)式上之基本語(yǔ)法(推薦)》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于JavaScript正則表達(dá)式上之基本語(yǔ)法(推薦)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章