400-650-7353
您所在的位置：首頁 > IT干貨資料 > web前端 > 【W(wǎng)eb前端基礎(chǔ)知識(shí)】關(guān)于前端正則表達(dá)式基本用法（下）

【W(wǎng)eb前端基礎(chǔ)知識(shí)】關(guān)于前端正則表達(dá)式基本用法（下）

  • 發(fā)布： Web前端培訓(xùn)
  • 來源：Web前端干貨資料
  • 2020-08-19 16:37:21
  • 閱讀()
  • 分享
  • 手機(jī)端入口

4.1 匹配16進(jìn)制顏色值

要求匹配：

ffbbad

Fc01DF

FFF

ffE

分析：

表示一個(gè)16進(jìn)制字符，可以用字符組[0-9a-fA-F]。

其中字符可以出現(xiàn)3或6次，需要是用量詞和分支結(jié)構(gòu)。

使用分支結(jié)構(gòu)時(shí)，需要注意順序。

正則如下：

  1. var regex = /#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})/g; 
  2. var string = "#ffbbad #Fc01DF #FFF #ffE"; 
  3. console.log( string.match(regex) );  
  4. // => ["#ffbbad", "#Fc01DF", "#FFF", "#ffE"] 

4.2 匹配時(shí)間

以24小時(shí)制為例。

要求匹配：

23:59

02:07

分析：

共4位數(shù)字，第一位數(shù)字可以為[0-2]。

當(dāng)?shù)?位為2時(shí)，第2位可以為[0-3]，其他情況時(shí)，第2位為[0-9]。

第3位數(shù)字為[0-5]，第4位為[0-9]

正則如下：

  1. var regex = /^([01][0-9]|[2][0-3]):[0-5][0-9]$/; 
  2. console.log( regex.test("23:59") );  
  3. console.log( regex.test("02:07") );  
  4. // => true 
  5. // => true 

4.3 匹配日期

比如yyyy-mm-dd格式為例。

要求匹配：

2017-06-10

分析：

年，四位數(shù)字即可，可用[0-9]{4}。

月，共12個(gè)月，分兩種情況01、02、……、09和10、11、12，可用(0[1-9]|1[0-2])。

日，最大31天，可用(0[1-9]|[12][0-9]|3[01])。

正則如下：

  1. var regex = /^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/; 
  2. console.log( regex.test("2017-06-10") );  
  3. // => true 

 

文章“【W(wǎng)eb前端基礎(chǔ)知識(shí)】關(guān)于前端正則表達(dá)式基本用法（下） ”已幫助 人

>>本文地址：http://liujunjsxg.cn/zhuanye/2020/52598.html

THE END  

聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有，未經(jīng)許可不得擅自轉(zhuǎn)載。

1 您的年齡

2 您的學(xué)歷

3 您更想做哪個(gè)方向的工作？

獲取測(cè)試結(jié)果
  • 大前端大前端
  • 大數(shù)據(jù)大數(shù)據(jù)
  • 互聯(lián)網(wǎng)營銷互聯(lián)網(wǎng)營銷
  • JavaJava
  • Linux云計(jì)算Linux
  • Python+人工智能Python
  • 嵌入式物聯(lián)網(wǎng)嵌入式
  • 全域電商運(yùn)營全域電商運(yùn)營
  • 軟件測(cè)試軟件測(cè)試
  • 室內(nèi)設(shè)計(jì)室內(nèi)設(shè)計(jì)
  • 平面設(shè)計(jì)平面設(shè)計(jì)
  • 電商設(shè)計(jì)電商設(shè)計(jì)
  • 網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)
  • 全鏈路UI/UE設(shè)計(jì)UI設(shè)計(jì)
  • VR/AR游戲開發(fā)VR/AR
  • 網(wǎng)絡(luò)安全網(wǎng)絡(luò)安全
  • 新媒體與短視頻運(yùn)營新媒體
  • 直播帶貨直播帶貨
  • 智能機(jī)器人軟件開發(fā)智能機(jī)器人
 

快速通道fast track

近期開班時(shí)間TIME