不积跬步之第一章--正则字符匹配攻略

《JavaScript正在表达式迷你书》非常好的一本书,一直都没有耐心好好读完,开始吧。

正则表达式是匹配模式,要么匹配字符,要么匹配位置。

看着这一篇,可以明白一下问题?

  1. 模糊匹配的两种方式:横向模糊和纵向模糊 分别是什么?
  2. 什么是字符组以及排除字符组?
  3. 什么是量词?
  4. 贪婪匹配和惰性匹配分别怎么实现?
  5. 多选分支是怎么实现?

什么是横向模糊匹配?

一个正则可匹配的字符串的长度不是固定的,可以是多种情况。

其实现方式是使用量词,例如{m,n}。表示连续出现最少m次,最少n次。

比如正在/ab{2,5}c/表示匹配一个字符串,第一个是a,第二个b 存在2~5次。最后是c

var regex = /ab{2,5}c/g;
var string = "abc abbc abbbc abbbbbc "
console.log(string.match(regex));
// [ 'abbc', 'abbbc', 'abbbbbc' ]

其实就是数量,你要描述你想要多少个,而方式就是放在形容数量的后面。

什么是纵向模糊匹配?

一个正在匹配的字符串,其中的一个字符可以不是一个具体的,而是其中的一个就可以。

比如你想要找朋友去开黑,你有四个朋友。

var regex = /a[1234]b/g;
var string = "a1b a2b a3b a4b";
console.log(string.match(regex));
//[ 'a1b', 'a2b', 'a3b', 'a4b' ]

就是说我这些朋友里,都可以,没有想到你们都在,那就走吧。

它是使用数组来表示的,表达的含义是数组中符合的就可以

什么是字符组以及排除字符组?

需要强调的是,虽然叫字符组,但只是其中的一个字符,而不是全部啊。

例如[abc]表示的是a,b,c他们三个中的任意一个都可以。

而如果字符组里的字符特别多的话,可以使用范围表示法

例如[123456789]可以表示为[1-9].
[abcdefghigklmnopqrstuvwxyz]可以表示为[a-z].

而排除字符组则是字符组的取反。

[^abc]表示除了a,b,c之外的字符。

所以这里引出了常用的简写形式。

字符组 具体含义
\d 表示[0-9],表示一位数字,记忆方式:英文是digit
\D \d的取反,表示[0-9]之外的任意字符
\w 表示[0-9a-zA-Z_]表示数字,大小写字符,和下划线。记忆方式:w是word的简写,也称为单词字符。
\W 表示[^\w],上面的取反,[^0-9a-zA-Z_].
\s 表示[\t\v\n\r\f],表示空白符,包括空格,水平制表符,垂直制表符,换行符,回车符,换页符。
\S 表示[^\t\v\n\r\f],非空白符
. 表格通配符。[^\n\ru2028\u2029],通配符,表示几乎任意字符。换行符,回车符,行内分隔符和段内分隔符除外。

什么是量词 ?

量词也称做重复。可以重复多少次,或者说你想要多少个?可以记住一些量词的简写。

量词 具体含义
{m,} 表示最少出现m次,后面没有,但是有,表示后面不限制
{m} 等价于{m,m}表示出现m次
? 等价于{0,1}次,表示可以有或者没有,记忆的方式可以是:有吗?
+ 等价于{1,}表示最少出现一次,多了不限制。
* 任意次。

贪婪匹配和惰性匹配

上面的量词学习完以后,你就已经知道了,所谓贪婪就是尽量多的匹配。而惰性匹配就是满足一次就够了,主要通过?来实现。

惰性量词 贪婪量词
{m,n}? {m,n}
{m,}? {m,}
?? ?
+? +
*? *

什么是多选分支 ?

多选分支就是,一个正则表达式由多个子模式组成。 它是通过管道符来实现的。|

例如:p1 | p2 | p3

const regex = /good|nice/g
const string = "good iead,nice try"
console.log(string.match(regex));
// [ 'good', 'nice' ]

匹配字符,无非就是字符组,量词,分支结构的组合使用。

通过上面的描述语句来描述,你想要寻找的对象,是高还是矮,是胖还是瘦,量词则表示你想要多少个,分支结构则表示你想要多少个类型。

案例分析

匹配16进制颜色值

用白话语言描述出你要找的东西,然后用字符组,量词,分子结构的组合来描述你的描述。

16进制颜色值它的描述是什么呢?

#ffbbad
#fc01Df
#FFF
#ffe
  • 表格一个16 进制的字符,它由数字,a-f或者A-F的字符构成
  • 其中字符出现的次数可以是3次或者6次,

用正在的语言描述上面的。

  • 可以用[0-9a-zA-Z]来表示字符组。
  • 可以用量词和分支结构来表示 3 次和6次的情况
var regex = /#([0-9a-zA-Z]{3}|[0-9a-zA-Z]{6})/g
1623337739579.jpg

匹配时间

23:01
02:07

描述:

分析 描述
共四位,第一位可能的数字012 [0-2]
当第一位是2时,第二位是0-3,其他的情况是0-9 `[0-1][0-9] [2][0-3]`
第三位数字是0-5 [0-5]
第四位数字是0-9 [0-9]
var regex = /^([0-1][0-9]|[2][0-3]):[0-5][0-9]$/g
console.log(regex.test("23:54"))
//true

如果匹配7:9,也就是时和分之前的0要省略。可以通过惰性匹配?来实现。

问号,表示{0,1}

var regex = ^(0?[0-9]|1[0-9]|[2][0-3]):(0?[0-9]|[1-5][0-9])$/g
console.log(regex.test("7:9"))
//true
image.png

匹配日期

比如格式是:yyyy-mm-dd

2017-06-10

语言描述这样:

  • 年,四位数字 [0-9]{4}
  • 约,共12个月,分两种情况01,02...0910,11,12 ,(0[1-9]|1[0-2])
  • 日,最大31天,可以用(0[1-9]|[12][0-9]|3[01])

然后组合起来就是:

var regex = /^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/g
console.log(regex.test("2021-09-20"))
//True

当前其中的特殊情况我们并没有做处理。

image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 157,298评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,701评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 107,078评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,687评论 0 202
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,018评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,410评论 1 211
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,729评论 2 310
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,412评论 0 194
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,124评论 1 239
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,379评论 2 242
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,903评论 1 257
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,268评论 2 251
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,894评论 3 233
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,014评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,770评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,435评论 2 269
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,312评论 2 260

推荐阅读更多精彩内容