实战IT培训机构_黄色激情网站_IT培训班选大学生IT技术培训中心_黄色激情视频网站_中公优就业

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前端基礎知識】關于前端正則表達式基本用法(下) ”已幫助

>>本文地址:http://m.jecan.cn/zhuanye/2020/52598.html

THE END  

聲明:本站稿件版權均屬中公教育優就業所有,未經許可不得擅自轉載。

1 您的年齡

2 您的學歷

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

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯網營銷互聯網營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯網嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網頁設計網頁設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開發VR/AR
  • 網絡安全網絡安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發智能機器人
 

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板: ERP企业管理系统永久免费版_在线ERP系统_OA办公_云版软件官网 | 珠海白蚁防治_珠海灭鼠_珠海杀虫灭鼠_珠海灭蟑螂_珠海酒店消杀_珠海工厂杀虫灭鼠_立净虫控防治服务有限公司 | 江苏皓越真空设备有限公司| 合肥抖音SEO网站优化-网站建设-网络推广营销公司-百度爱采购-安徽企匠科技 | 气密性检测仪_气密性检测设备_防水测试仪_密封测试仪-岳信仪器 | 【孔氏陶粒】建筑回填陶粒-南京/合肥/武汉/郑州/重庆/成都/杭州陶粒厂家 | 能量回馈_制动单元_电梯节能_能耗制动_深圳市合兴加能科技有限公司 | 磁粉制动器|张力控制器|气胀轴|伺服纠偏控制器整套厂家--台灵机电官网 | 球磨机,节能球磨机价格,水泥球磨机厂家,粉煤灰球磨机-吉宏机械制造有限公司 | 可程式恒温恒湿试验箱|恒温恒湿箱|恒温恒湿试验箱|恒温恒湿老化试验箱|高低温试验箱价格报价-广东德瑞检测设备有限公司 | 换链神器官网-友情链接交换、购买交易于一体的站长平台 | 北京三友信电子科技有限公司-ETC高速自动栏杆机|ETC机柜|激光车辆轮廓测量仪|嵌入式车道控制器 | 螺旋压榨机-刮泥机-潜水搅拌机-电动泥斗-潜水推流器-南京格林兰环保设备有限公司 | 中空玻璃生产线,玻璃加工设备,全自动封胶线,铝条折弯机,双组份打胶机,丁基胶/卧式/立式全自动涂布机,玻璃设备-山东昌盛数控设备有限公司 | 江西自考网| 辐射色度计-字符亮度测试-反射式膜厚仪-苏州瑞格谱光电科技有限公司 | 浩方智通 - 防关联浏览器 - 跨境电商浏览器 - 云雀浏览器 | 济南侦探调查-济南调查取证-山东私家侦探-山东白豹调查咨询公司 密集架|电动密集架|移动密集架|黑龙江档案密集架-大量现货厂家销售 | 泰州物流公司_泰州货运公司_泰州物流专线-东鑫物流公司 | 青岛代理记账_青岛李沧代理记账公司_青岛崂山代理记账一个月多少钱_青岛德辉财税事务所官网 | 广东泵阀展|阀门展-广东国际泵管阀展览会 | 深圳市索富通实业有限公司-可燃气体报警器 | 可燃气体探测器 | 气体检测仪 | 定量包装秤,吨袋包装称,伸缩溜管,全自动包装秤,码垛机器人,无锡市邦尧机械工程有限公司 | 致胜管家软件服务【在线免费体验】 | PE一体化污水处理设备_地埋式生活污水净化槽定制厂家-岩康塑业 | 郑州爱婴幼师学校_专业幼师培训_托育师培训_幼儿教育培训学校 | 武汉不干胶印刷_标签设计印刷_不干胶标签印刷厂 - 武汉不干胶标签印刷厂家 | 智能电表|预付费ic卡水电表|nb智能无线远传载波电表-福建百悦信息科技有限公司 | 东莞海恒试验仪器设备有限公司 | 上海瑶恒实业有限公司|消防泵泵|离心泵|官网 | 地脚螺栓_材质_标准-永年县德联地脚螺栓厂家 | 船用泵,船用离心泵,船用喷射泵,泰州隆华船舶设备有限公司 | 在线浊度仪_悬浮物污泥浓度计_超声波泥位计_污泥界面仪_泥水界面仪-无锡蓝拓仪表科技有限公司 | 首页_中夏易经起名网 | 蒸压釜-陶粒板隔墙板蒸压釜-山东鑫泰鑫智能装备有限公司 | 微型气象仪_气象传感器_防爆气象传感器-天合传感器大全 | 2025世界机器人大会_IC China_半导体展_集成电路博览会_智能制造展览网 | 老房子翻新装修,旧房墙面翻新,房屋防水补漏,厨房卫生间改造,室内装潢装修公司 - 一修房屋快修官网 | 无菌实验室规划装修设计-一体化实验室承包-北京洁净净化工程建设施工-北京航天科恩实验室装备工程技术有限公司 | 河南空气能热水器-洛阳空气能采暖-洛阳太阳能热水工程-洛阳润达高科空气能商行 | 搪玻璃冷凝器_厂家-越宏化工设备 |