就因为这三个知识点,我彻底学废了”正则表达式“(1)

只需要花10分钟时间,你可以收获

  1. 正则表达式中的位置匹配原理与知识

  2. 正则表达式中的字符串匹配原理与知识

  3. 正则表达式中的括号的妙用

  4. 14个常见正则表达式解析帮助理解知识点

相信我,看完这篇文章,对于工作中90%以上的正则问题你都能找到解决思路和方案。

相信我,看完这篇文章,对于工作中90%以上的正则问题你都能找到解决思路和方案。

相信我,看完这篇文章,对于工作中90%以上的正则问题你都能找到解决思路和方案。

默念三声

====

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

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

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

1.搞懂位置能干啥?

==========

题目1:数字的千分位分割法

将123456789转化为123,456,789

题目2:手机号3-4-4分割

将手机号18379836654转化为183-7983-6654

题目3:验证密码的合法性

密码长度是6-12位,由数字、小写字符和大写字母组成,但必须至少包括2种字符

这些题时常出现在面试中,日常业务也少不了它的身影。搞懂位置,不仅能搞定面试,业务你也将写的飞起

啥是位置?


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

如下图箭头所指,位置可以理解为相邻字符之间的位置

image.png

咱们可以和空字符串进行类比, 字符的首尾、间隙都可以用空字符串进行连接。

‘hello’ === ‘’ + ‘h’ + ‘’ + ‘e’ + ‘’ + ‘l’ + ‘’ + ‘l’ + ‘’ + ‘o’ + ‘’ // true

复制代码

image.png

有哪些位置?


正则中常用来表示位置的符号主要有:

^、$、\b、\B、?=p、(?!p)、(?<=p)、(?<!p)

接下来咱们就一个个把他们全整明白。

^

脱字符,匹配行的开头

例如要在hello的开头塞一个笑脸(😄 )怎么搞,这个肯定难不倒你

let string = ‘hello’

console.log(string.replace(/^/, ‘😄’)) // 😄hello

复制代码

$

美元符号,匹配行的结尾

同理想在hello的结尾塞一个笑脸(😄 )呢?

let string = ‘hello’

console.log(string.replace(/$/, ‘😄’)) // hello😄

复制代码

这两个表示首尾位置的符号,相信大家一定都很熟悉。

\b

单词的边界,具体讲有三点规则。

① \w和\W之间的位置

② ^与\w之间的位置

③ \w与$之间的位置

比如藏在你们电脑上学习教程文件夹中的某一集种子长这样xxx_love_study_1.mp4,想要把他变成❤️xxx_love_study_1❤️.❤️mp4❤️怎么搞呢?

image.png

其实只需要执行一行代码就行

‘xxx_love_study_1.mp4’.replace(/\b/g, ‘❤️’) // ❤️xxx_love_study_1❤️.❤️mp4❤️

复制代码

画图理解就是

image.png

\B

非单词的边界,也就是\b反着来的意思,它的规则如下:

① \w与\w之间的位置

② \W与\W之间的位置

③^与\W之间的位置

④\W与$之间的位置

同样还是用学习教程文件夹中的种子,稍稍改造一下,当执行这行代码之后,会输出啥?

‘[[xxx_love_study_1.mp4]]’.replace(/\B/g, ‘❤️’)

复制代码

没错,满满的都是爱啊!!!,都快看不清名字了。

❤️[❤️[x❤️x❤️x❤️_❤️l❤️o❤️v❤️e❤️_❤️s❤️t❤️u❤️d❤️y❤️_❤️1.m❤️p❤️4]❤️]❤️

复制代码

画图解释如下

image.png

(?=p)

符合p子模式前面的那个位置。换句话说是,有一个位置,紧跟其后需要满足p子模式。也有一个学名叫正向先行断言。

还是这个例子xxx_love_study_1.mp4,要在xxx(xxx可以指代任何你喜欢的那个TA)前面塞一个❤️,怎么写呢?

是这样吗? 不是的,这样会导致你的xxx都不见了,那还要❤️做什么呢?

‘xxx_love_study_1.mp4’.replace(‘xxx’, ‘❤️’) // ❤️_love_study_1.mp4

复制代码

利用(?=p)就可以很方便这这件事(可以想想和上面有什么不同?)

‘xxx_love_study_1.mp4’.replace(/(?=xxx)/g, ‘❤️’) // ❤️xxx_love_study_1.mp4

复制代码

画图理解

image.png

(?!p)

(?=p)反过来的意思,可以理解为(?=p)匹配到的位置之外的位置都是属于(?!p)的,它也有一个学名叫负向先行断言。

‘xxx_love_study_1.mp4’.replace(/(?!xxx)/g, ‘❤️’)

// (?=xxx)的输出

❤️xxx_love_study_1.mp4

// (?!xxx)的输出

x❤️x❤️x❤️_❤️l❤️o❤️v❤️e❤️_❤️s❤️t❤️u❤️d❤️y❤️_❤️1❤️.❤️m❤️p❤️4❤️

复制代码

仔细对比一下,是不是除了(?=xxx)匹配到最前面那个位置,其他位置都是(?!xxx)匹配到的啦。

(?<=p)

符合p子模式后面(注意(?=p)表示的是前面)的那个位置。换句话说是,有一个位置,其前面的部分需要满足p子模式。

依然是这个例子:我们要在xxx(xxx可以指代任何你喜欢的那个TA)的后面塞一个❤️,怎么写呢?

‘xxx_love_study_1.mp4’.replace(/(?<=xxx)/g, ‘❤️’) //xxx❤️_love_study_1.mp4

复制代码

画图解释

image.png

(?<!p)

(?<=p)反过来的意思,可以理解为(?<=p)匹配到的位置之外的位置都是属于(?<!p)的,

‘xxx_love_study_1.mp4’.replace(/(?<!xxx)/g, ‘❤️’)

// (?<=xxx)的输出

xxx❤️_love_study_1.mp4

// (?<!xxx)的输出

❤️x❤️x❤️x_❤️l❤️o❤️v❤️e❤️_❤️s❤️t❤️u❤️d❤️y❤️_❤️1❤️.❤️m❤️p❤️4❤️

复制代码

仔细对比一下,是不是除了(?<=xxx)匹配到后面那个位置,其他位置都是(?<!xxx)匹配到的啦。

栗子详解


学习完位置相关的知识,我们来做一下开头的几个题目试试

题目1:数字的千分位分割法

将123456789转化为123,456,789

观察题目的规律就是从后往前,每三个数字前加一个逗号,(需要注意的是开头不需要加逗号,)。是不是很符合 (?=p)的规律呢?p可以表示每三个数字,要添加的逗号所处的位置正好是(?=p)匹配出来的位置。

第一步,尝试先把后面第一个逗号弄出来

let price = ‘123456789’

let priceReg = /(?=\d{3}$)/

console.log(price.replace(priceReg, ‘,’)) // 123456,789

复制代码

第二步,把所有的逗号都弄出来

要把所有的逗号都弄出来,主要要解决的问题是怎么表示三个数字一组,也就是3的倍数。我们知道正则中括号可以把一个p模式变成一个小整体,所以利用括号的性质,可以这样写

let price = ‘123456789’

let priceReg = /(?=(\d{3})+$)/g

console.log(price.replace(priceReg, ‘,’)) // ,123,456,789

复制代码

第三步,去掉首位的逗号,

上面已经基本上实现需求了,但是还不够,首位会出现,那怎么把首位的逗号去除呢?想想前面是不是有一个知识正好满足这个场景? 没错(?!p),就是他了,两者结合就是从后往前每三个数字的位置前添加逗号,但是这个位置不能是^首位。

let price = ‘123456789’

let priceReg = /(?!^)(?=(\d{3})+$)/g

console.log(price.replace(priceReg, ‘,’)) // 123,456,789

复制代码

题目2:手机号3-4-4分割

将手机号18379836654转化为183-7983-6654

有了上面数字的千分位分割法,做这个题相信会简单很多,也就是从后往前找到这样的位置:

每四个数字前的位置,并把这个位置替换为-

let mobile = ‘18379836654’

let mobileReg = /(?=(\d{4})+$)/g

console.log(mobile.replace(mobileReg, ‘-’)) // 183-7983-6654

复制代码

题目3:手机号3-4-4分割扩展

将手机号11位以内的数字转化为3-4-4格式

回想一下这样的场景,有一个表单需要收集用户的手机号,用户是一个个数字输入的,我们需要在用户输入11位手机号的过程中把其转化为3-3-4格式。即

123 => 123

1234 => 123-4

12345 => 123-45

123456 => 123-456

1234567 => 123-4567

12345678 => 123-4567-8

123456789 => 123-4567-89

12345678911 => 123-4567-8911

复制代码

这样用(?=p)就不太合适了,例如1234就会变成-1234。 想想前面的知识点有适合处理这种场景的吗?是的(?<=p)

第一步, 将第一个-弄出来

const formatMobile = (mobile) => {

return String(mobile).replace(/(?<=\d{3})\d+/, ‘-’)

}

console.log(formatMobile(123)) // 123

console.log(formatMobile(1234)) // 123-

复制代码

将第二个-弄出来

将第一个-弄出来之后,字符的长度多了一位,原本1234567(这个位置插入-)8,要变成往后移一位

const formatMobile = (mobile) => {

return String(mobile).slice(0,11)

.replace(/(?<=\d{3})\d+/, ($0) => ‘-’ + $0)

.replace(/(?<=[\d-]{8})\d{1,4}/, ($0) => ‘-’ + $0)

}

console.log(formatMobile(123)) // 123

console.log(formatMobile(1234)) // 123-4

console.log(formatMobile(12345)) // 123-45

console.log(formatMobile(123456)) // 123-456

console.log(formatMobile(1234567)) // 123-4567

console.log(formatMobile(12345678)) // 123-4567-8

console.log(formatMobile(123456789)) // 123-4567-89

console.log(formatMobile(12345678911)) // 123-4567-8911

复制代码

题目4:验证密码的合法性

密码长度是6-12位,由数字、小写字符和大写字母组成,但必须至少包括2种字符

题目由三个条件组成

① 密码长度是6-12位

② 由数字、小写字符和大写字母组成

③ 必须至少包括2种字符

第一步写出条件①和②和正则

let reg = /1{6,12}$/

复制代码

第二步,必须包含某种字符(数字、小写字母、大写字母)

let reg = /(?=.*\d)/

// 这个正则的意思是,匹配的是一个位置,这个位置需要满足任意数量的符号,紧跟着是个数字,注意它最终得到的是个位置,而不是数字或者是数字前面有任意的东西

console.log(reg.test(‘hello’)) // false

console.log(reg.test(‘hello1’)) // true

console.log(reg.test(‘hel2lo’)) // true

// 其他类型同理

复制代码

第三步,写出完整的正则

必须包含两种字符,有下面四种排列组合方式

① 数字和小写字母组合

② 数字和大写字母组合

③ 小写字母与大写字母组合

④ 数字、小写字母、大写字母一起组合(但其实前面三种已经覆盖了第四种了)

// 表示条件①和②

// let reg = /((?=.\d)((?=.[a-z])|(?=.*[A-Z])))/

// 表示条件条件③

// let reg = /(?=.[a-z])(?=.[A-Z])/

// 表示条件①②③

// let reg = /((?=.\d)((?=.[a-z])|(?=.[A-Z])))|(?=.[a-z])(?=.*[A-Z])/

// 表示题目所有条件

let reg = /((?=.\d)((?=.[a-z])|(?=.[A-Z])))|(?=.[a-z])(?=.*[A-Z])2{6,12}$/

console.log(reg.test(‘123456’)) // false

console.log(reg.test(‘aaaaaa’)) // false

console.log(reg.test(‘AAAAAAA’)) // false

console.log(reg.test(‘1a1a1a’)) // true

console.log(reg.test(‘1A1A1A’)) // true

console.log(reg.test(‘aAaAaA’)) // true

console.log(reg.test(‘1aA1aA1aA’)) // true

复制代码

2. 字符串匹配原来这么简单

===============

两种模糊匹配


正则如果只有精确匹配,那么便完全没有了意义

横向

一个正则可匹配的字符串的长度不是固定的,可以是多种情况,通过量词+、*、?、{m,n},可实现横向匹配

let reg = /ab{2,5}c/g

let str = ‘abc abbc abbbc abbbbc abbbbbc abbbbbbc’

str.match(reg) // [ ‘abbc’, ‘abbbc’, ‘abbbbc’, ‘abbbbbc’ ]

复制代码

纵向

一个正则匹配的字符串,具体到某一位字符时,可以不是某个确定的字符串,可以有多种可能,实现方式是字符组( 其实多选分支|也可以实现 )

let reg = /a[123]b/g

let str = ‘a0b a1b a2b a3b a4b’

str.match(reg) // [ ‘a1b’, ‘a2b’, ‘a3b’ ]

复制代码

字符组


不要被名字给糊弄了,虽然他叫做字符组,但其实只是代表一个字符的可能性

范围表示法

[123456abcdefABCDEF] => [1-6a-fA-F]

复制代码

排除字符组

某位字符可以是任何东西,但是就是不能是xxx, 使用^符号

问题:如何要表示除了某个单词之外的任意东西呢?

[^abc]

复制代码

常见简写形式

\d // 数字

\D // 非数字

\w // [0-9a-zA-Z_]

\W // [^0-9a-zA-Z_]

\s // [\t\v\n\r\f]

\S // [^\t\v\n\r\f]

.

复制代码

量词

量词 & 简写

1. {m,} // 至少出现m次

2. {m} // 出现m次

3. ? // 出现0次或者1次,等价于{0,1}

4. + // 至少出现1次,等价于{1,}

5. * // 出现人一次,等价于{0,}

复制代码

贪婪匹配 VS 惰性匹配

正则本身是贪婪的,会尽可能的多匹配符合模式的字符

let regex = /\d{2,5}/g

let string = ‘123 1234 12345 123456’

// 贪婪匹配

// string.match(regex) // [ 123, 1234, 12345, 12345 ]

// 惰性匹配

let regex2 = /\d{2,5}?/g

// string.match(regex) // [ 12, 12, 34, 12, 34, 12, 34, 56  ]

复制代码

量词后面加一个?,即变成了惰性匹配

贪婪量词        惰性量词

{m,n}            {m,n}?

{m,}             {m,}?

?                       ??

+                       +?

*                   *?

复制代码

多选分支


一个模式可以实现横向和纵向的模糊匹配,而多选分支可以支持多个子模式任选其一,形式是(p1|p2|p3)

let regex = /good|nice/g

let string = ‘good idea, nice try.’

// string.match(regex) // [ ‘good’, ‘nice’ ]

// 注意,用/good|goodbye/去匹配’goodbye’ 匹配到的是good

// 因为分支结构是惰性的,前面的匹配上了,后面的就不再尝试了

复制代码

案例分析


1.匹配id

// 1

let regex = /id=“.*?”/ // 想想为什么要加? 不加的话 连后面的class都会匹配到

let string = ‘

’;

console.log(string.match(regex)[0]);

// 2

let regex = /id=“[^”]*"/

let string = ‘

’;

console.log(string.match(regex)[0]);

复制代码

2.匹配16进制的颜色值

// 要求匹配如下颜色

/*

#ffbbad

#Fc01DF

#FFF

#ffE

*/

let regex = /#([a-fA-F\d]{6}|[a-fA-F\d]{3})/g

let string = “#ffbbad #Fc01DF #FFF #ffE”;

console.log(string.match(regex))

//  [“#ffbbad”, “#Fc01DF”, “#FFF”, “#ffE”]

复制代码

3.匹配24小时制时间

/*

要求匹配

23:59

02:07

*/

// 解析:

// 第一位:可以是0、1、2

// 第二位:当第一位位0或者1的时候,可以是0到9、第一位是2的时候,只可以是0到3

// 第三位:固定是冒号:

// 第四位:可以是0到5

// 第五位:0到9

let regex = /^([01]\d|2[0-3]):[0-5]\d$/

console.log(regex.test(‘23:59’)) // true

console.log(regex.test(‘02:07’))// true

// 衍生题,可以是非0

let regex = /^(0?\d|1\d|2[0-3]):(0?|[1-5])\d/

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)

img

最后

最后,强调几点:

  • 1. 一定要谨慎对待写在简历上的东西,一定要对简历上的东西非常熟悉。因为一般情况下,面试官都是会根据你的简历来问的; 能有一个上得了台面的项目也非常重要,这很可能是面试官会大量发问的地方,所以在面试之前好好回顾一下自己所做的项目;
  • 2. 和面试官聊基础知识比如设计模式的使用、多线程的使用等等,可以结合具体的项目场景或者是自己在平时是如何使用的;
  • 3. 注意自己开源的Github项目,面试官可能会挖你的Github项目提问;

我个人觉得面试也像是一场全新的征程,失败和胜利都是平常之事。所以,劝各位不要因为面试失败而灰心、丧失斗志。也不要因为面试通过而沾沾自喜,等待你的将是更美好的未来,继续加油!

以上面试专题的答小编案整理成面试文档了,文档里有答案详解,以及其他一些大厂面试题目。

面试答案

三面头条+四面阿里+五面腾讯拿offer分享面经总结,最终入职阿里

三面头条+四面阿里+五面腾讯拿offer分享面经总结,最终入职阿里

三面头条+四面阿里+五面腾讯拿offer分享面经总结,最终入职阿里

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。[外链图片转存中…(img-1Kvg6VFC-1713661409555)]

[外链图片转存中…(img-EMLdQGoc-1713661409555)]

[外链图片转存中…(img-KnlIZzso-1713661409556)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)

img

最后

最后,强调几点:

  • 1. 一定要谨慎对待写在简历上的东西,一定要对简历上的东西非常熟悉。因为一般情况下,面试官都是会根据你的简历来问的; 能有一个上得了台面的项目也非常重要,这很可能是面试官会大量发问的地方,所以在面试之前好好回顾一下自己所做的项目;
  • 2. 和面试官聊基础知识比如设计模式的使用、多线程的使用等等,可以结合具体的项目场景或者是自己在平时是如何使用的;
  • 3. 注意自己开源的Github项目,面试官可能会挖你的Github项目提问;

我个人觉得面试也像是一场全新的征程,失败和胜利都是平常之事。所以,劝各位不要因为面试失败而灰心、丧失斗志。也不要因为面试通过而沾沾自喜,等待你的将是更美好的未来,继续加油!

以上面试专题的答小编案整理成面试文档了,文档里有答案详解,以及其他一些大厂面试题目。

面试答案

[外链图片转存中…(img-QslgLN6T-1713661409556)]

[外链图片转存中…(img-PJ0WJ7to-1713661409556)]

[外链图片转存中…(img-8LAhfmVE-1713661409556)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!


  1. a-zA-Z\d ↩︎

  2. a-zA-Z\d ↩︎

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值