【北京分院第121期】正則表達式簡單入門

大家好挤聘,我是IT修真院北京分院18期的學員誉己,一枚正直純潔善良的web程序員

今天給大家分享一下,js-任務(wù)2秒紧,相關(guān)的正則表達式。

1.背景介紹

什么是正則表達式?

一個正則表達式(規(guī)則表達式 regular expression)可以認為是一個集合挨下,這個集合是用一些描述來定義的熔恢。 比如“一個僅由數(shù)字組成的字符串,個數(shù)至少6個臭笆,最多24個”叙淌。

這樣的描述電腦不懂,外國人也不懂愁铺。因此需要用更簡潔的描述來表達∮セ簦現(xiàn)在用“\d”表示一個0-9之間的數(shù)字府寒,用{5迈窟,24}表示個數(shù)5-24個, 描述就成了"\d{5,24}"采缚,這就是一個正則表達式

正則表達式可以用來做什么瓶竭?

幾乎任何編程語言都支持正則表達式督勺;

1,搜索:把符合規(guī)則的內(nèi)容,批量找出來斤贰,比如從一篇文章中搜索其中的數(shù)字

2,驗證:檢查一串字符串是否符合特定規(guī)則智哀,比如表單里的手機號,郵箱

正則表達式的規(guī)則

1 任何字符串都是一個天然的正則表達式荧恍,比如“mall”,它可以用來在一篇文章中瓷叫,搜索出所有的“mall”。

2 規(guī)則的描述的方式也可以用列舉送巡,比如:[1,2,5,8],數(shù)學上摹菠,它就表示這4個數(shù)字中的一個,在正則表達式中授艰,可以用“1|2|5|8”來表示辨嗽。

3 這則表達式本身只是一個數(shù)據(jù)集合的描述,必須配合代碼才能使用淮腾,js原生支持一些匹配正則表達式的方法糟需。 4 正則表達式引擎,識別正則表達式時有一定的規(guī)則谷朝,但是現(xiàn)在不必在意洲押。

2.知識剖析

正則表達式的語法

*元字符:用簡單的字符代表一個集合:如“\w”代表單詞,“^”代表一串字符的開始圆凰,“\b”代表單詞兩邊的間隔杈帐,等

轉(zhuǎn)譯“\”:"d"是個字母,“\d”就表示任何數(shù)字,“\\d”被轉(zhuǎn)譯兩次抵消了挑童,表示“\d”這個兩個字符串類型的字符

范圍和個數(shù):[]表示范圍累铅,如[a-e]表示abcde五個字母中的一個,

{}表示范圍站叼,如{3}表示3個娃兽,{3,}表示3個及以上尽楔,{3,5}表示3個以上投储,5個及以下

3.常見問題

如何寫一個正則表達式

如果用一個正則表達式

4.解決方案

如何寫一個正則表達式(6-18之間的一個數(shù)字)

1 開頭和結(jié)尾:^$

2 內(nèi)容:^(\d)|(1\d)$

3 限制:^(\d[6-9])|(1\d[0-8])&

在js里的寫法

正則表達式也是一個字符串,知識有特定的格式阔馋;在js中玛荞,字符串的格式是:

/正則表達式正文/,也就是套在//之間呕寝。

window.RegExp("^\\b[6-9]$","g")

/^\b[6-9]$/g

js的window.RegExp()方法勋眯,用于按照()內(nèi)的字符串,生成一個正則表達式

實際上壁涎,不如直接手寫: var reg="/^\b[6-9]$/g"

如何用一個正則表達式

js字符串的.search()方法

其它框架和插件凡恍,有利用正則實現(xiàn)不允許輸入/提示錯誤等功能志秃。

5代碼演示:

見視頻

7.參考文獻

一篇日報

百度百科

菜鳥教程

8.更多討論

PPT:https://ptteng.github.io/PPT/PPT/js-04-regular-expression.html


正則表達式簡單入門_騰訊視頻


技能樹.IT修真院

“我們相信人人都可以成為一個工程師怔球,現(xiàn)在開始,找個師兄浮还,帶你入門竟坛,掌控自己學習的節(jié)奏,學習的路上不再迷镁啵”担汤。

這里是技能樹.IT修真院,成千上萬的師兄在這里找到了自己的學習路線洼冻,學習透明化崭歧,成長可見化,師兄1對1免費指導撞牢÷誓耄快來與我一起學習吧 !

或者你可以直接點擊此鏈接:邀請碼:6039

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末屋彪,一起剝皮案震驚了整個濱河市所宰,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌畜挥,老刑警劉巖仔粥,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡躯泰,警方通過查閱死者的電腦和手機谭羔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來麦向,“玉大人口糕,你說我怎么就攤上這事】纳撸” “怎么了景描?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長秀撇。 經(jīng)常有香客問我超棺,道長,這世上最難降的妖魔是什么呵燕? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任棠绘,我火速辦了婚禮,結(jié)果婚禮上再扭,老公的妹妹穿的比我還像新娘氧苍。我一直安慰自己,他們只是感情好泛范,可當我...
    茶點故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布让虐。 她就那樣靜靜地躺著,像睡著了一般罢荡。 火紅的嫁衣襯著肌膚如雪赡突。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天区赵,我揣著相機與錄音惭缰,去河邊找鬼。 笑死笼才,一個胖子當著我的面吹牛漱受,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播骡送,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼昂羡,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了各谚?” 一聲冷哼從身側(cè)響起紧憾,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎昌渤,沒想到半個月后赴穗,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年般眉,在試婚紗的時候發(fā)現(xiàn)自己被綠了了赵。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,498評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡甸赃,死狀恐怖柿汛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情埠对,我是刑警寧澤络断,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站项玛,受9級特大地震影響貌笨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜襟沮,卻給世界環(huán)境...
    茶點故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一锥惋、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧开伏,春花似錦膀跌、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至怎虫,卻和暖如春暑认,著一層夾襖步出監(jiān)牢的瞬間困介,已是汗流浹背大审。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留座哩,地道東北人徒扶。 一個月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像根穷,于是被迫代替她去往敵國和親姜骡。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,507評論 2 359

推薦閱讀更多精彩內(nèi)容