400-650-7353
您所在的位置:首页 > IT干货资料 > web前端 > 【Web前端基础知识】关于前端正则表达式基本用法(下)

【Web前端基础知识】关于前端正则表达式基本用法(下)

  • 发布: Web前端培训
  • 来源:Web前端干货资料
  • 2020-08-19 16:37:21
  • 阅读()
  • 分享
  • 手机端入口

4.1 匹配16进制颜色值

要求匹配:

ffbbad

Fc01DF

FFF

ffE

分析:

表示一个16进制字符,可以用字符组[0-9a-fA-F]。

其中字符可以出现3或6次,需要是用量词和分支结构。

使用分支结构时,需要注意顺序。

正则如下:

  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 匹配时间

以24小时制为例。

要求匹配:

23:59

02:07

分析:

共4位数字,第一位数字可以为[0-2]。

当第1位为2时,第2位可以为[0-3],其他情况时,第2位为[0-9]。

第3位数字为[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

分析:

年,四位数字即可,可用[0-9]{4}。

月,共12个月,分两种情况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 

 

文章“【Web前端基础知识】关于前端正则表达式基本用法(下) ”已帮助

>>本文地址:https://www.ujiuye.com/zhuanye/2020/52598.html

THE END  

声明:本站稿件版权均属中公教育优就业所有,未经许可不得擅自转载。

1 您的年龄

2 您的学历

3 您更想做哪个方向的工作?

获取测试结果
  • 大前端大前端
  • 大数据大数据
  • 互联网营销互联网营销
  • JavaJava
  • Linux云计算Linux
  • Python+人工智能Python
  • 嵌入式物联网嵌入式
  • 全域电商运营全域电商运营
  • 软件测试软件测试
  • 室内设计室内设计
  • 平面设计平面设计
  • 电商设计电商设计
  • 网页设计网页设计
  • 全链路UI/UE设计UI设计
  • VR/AR游戏开发VR/AR
  • 网络安全网络安全
  • 新媒体与短视频运营新媒体
  • 直播带货直播带货
  • 智能机器人软件开发智能机器人
 

快速通道fast track

近期开班时间TIME