2024最全前端面试系列(正则表达式)(如何写出像大神一样让人看不懂的代码

2020最全前端面试系列(ES6)

2020最全前端面试系列(CSS)

2020最全前端面试系列(浏览器原理)

2020最全前端面试系列(数据结构)

2020最全前端面试系列(计算机网络)

元字符


| 元字符 | 描述 |

| — | — |

| . | 句号匹配任意单个字符除了换行符 |

| [ ] | 字符种类。匹配方括号内的任意字符 |

| [^ ] | 否定的字符种类。匹配除了方括号里的任意字符 |

| * | 匹配>=0个重复的在*号之前的字符 |

| + | 匹配>=1个重复的+号前的字符 |

| ? | 标记?之前的字符为可选 |

| {n,m} | 匹配num个大括号之前的字符或字符集 (n <= num <= m) |

| (xyz) | 字符集,匹配与 xyz 完全相等的字符串 |

| | | 或运算符,匹配符号前或后的字符 |

| \ | 转义字符,用于匹配一些保留的字符 [ ] ( ) { } . * + ? ^ $ \ | |

| ^ | 从开始行开始匹配 |

| $ | 从末端开始匹配 |

点运算符.

.是元字符中最简单的例子。 .匹配任意单个字符,但不匹配换行符。 例如,表达式.ar匹配一个任意字符后面跟着是a和r的字符串。

“.ar” => The car parked in the garage.

字符集

字符集也叫做字符类。 方括号用来指定一个字符集。 在方括号中使用连字符来指定字符集的范围。 在方括号中的字符集不关心顺序。 例如,表达式[Tt]he 匹配 the 和 The。

“[Tt]he” => The car parked in the garage.

方括号的句号就表示句号。 表达式 ar[.] 匹配 ar.字符串

“ar[.]” => A garage is a good place to park a car.

否定字符集

一般来说 ^ 表示一个字符串的开头,但它用在一个方括号的开头的时候,它表示这个字符集是否定的。 例如,表达式[^c]ar 匹配一个后面跟着ar的除了c的任意字符。

“[^c]ar” => The car parked in the garage.

* 号

_号匹配 在_之前的字符出现大于等于0次。 例如,表达式 a* 匹配0或更多个以a开头的字符。表达式[a-z]* 匹配一个行中所有以小写字母开头的字符串。

“[a-z]*” => The car parked in the garage #21.

字符和.字符搭配可以匹配所有的字符.。 _和表示匹配空格的符号\s连起来用,如表达式\s_cat\s*匹配0或更多个空格开头和0或更多个空格结尾的cat字符串。

“\s*cat\s*” => The fat cat sat on the concatenation.

+ 号

+号匹配+号之前的字符出现 >=1 次。 例如表达式c.+t 匹配以首字母c开头以t结尾,中间跟着至少一个字符的字符串。

“c.+t” => The fat cat sat on the mat.

? 号

在正则表达式中元字符 ? 标记在符号前面的字符为可选,即出现 0 或 1 次。 例如,表达式 [T]?he 匹配字符串 he 和 The。

“[T]?he” => The car is parked in the garage.

{} 号

在正则表达式中 {} 是一个量词,常用来限定一个或一组字符可以重复出现的次数。 例如, 表达式 [0-9]{2,3} 匹配最少 2 位最多 3 位 0~9 的数字。

“[0-9]{2,3}” => The number was 9.9997 but we rounded it off to 10.0.

我们可以省略第二个参数。 例如,[0-9]{2,} 匹配至少两位 0~9 的数字。

“[0-9]{2,}” => The number was 9.9997 but we rounded it off to 10.0.

如果逗号也省略掉则表示重复固定的次数。 例如,[0-9]{3} 匹配3位数字

“[0-9]{3}” => The number was 9.9997 but we rounded it off to 10.0.

(…) 特征标群

特征标群是一组写在 (…) 中的子模式。(…) 中包含的内容将会被看成一个整体,和数学中小括号( )的作用相同。例如, 表达式 (ab)* 匹配连续出现 0 或更多个 ab。如果没有使用 (…) ,那么表达式 ab* 将匹配连续出现 0 或更多个 b 。再比如之前说的 {} 是用来表示前面一个字符出现指定次数。但如果在 {} 前加上特征标群 (…) 则表示整个标群内的字符重复 N 次。

我们还可以在 () 中用或字符 | 表示或。例如,(c|g|p)ar 匹配 car 或 gar 或 par.

“(c|g|p)ar” => The car is parked in the garage.

| 或运算符

或运算符就表示或,用作判断条件。

转码特殊字符

反斜线 \ 在表达式中用于转码紧跟其后的字符。用于指定 { } [ ] / \ + * . $ ^ | ? 这些特殊字符。如果想要匹配这些特殊字符则要在其前面加上反斜线 \。

例如 . 是用来匹配除换行符外的所有字符的。如果想要匹配句子中的 . 则要写成 . 以下这个例子 .?是选择性匹配.

“(f|c|m)at\.?” => The fat cat sat on the mat.

^ 号

^ 用来检查匹配的字符串是否在所匹配字符串的开头。

例如,在 abc 中使用表达式 ^a 会得到结果 a。但如果使用 ^b 将匹配不到任何结果。因为在字符串 abc 中并不是以 b 开头。

例如,^(T|t)he 匹配以 The 或 the 开头的字符串。

“^(T|t)he” => The car is parked in the garage.

$ 号

同理于 ^ 号,$ 号用来匹配字符是否是最后一个。

例如,(at.)$ 匹配以 at. 结尾的字符串。

“(at.)$” => The fat cat. sat. on the mat.

简写字符集


| 简写 | 描述 |

| — | — |

| . | 除换行符外的所有字符 |

| \w | 匹配所有字母数字,等同于 [a-zA-Z0-9_] |

| \W | 匹配所有非字母数字,即符号,等同于: [^\w] |

| \d | 匹配数字: [0-9] |

| \D | 匹配非数字: [^\d] |

| \s | 匹配所有空格字符,等同于: [\t\n\f\r\p{Z}] |

| \S | 匹配所有非空格字符: [^\s] |

| \f | 匹配一个换页符 |

| \n | 匹配一个换行符 |

| \r | 匹配一个回车符 |

| \t | 匹配一个制表符 |

| \v | 匹配一个垂直制表符 |

| \p | 匹配 CR/LF(等同于 \r\n),用来匹配 DOS 行终止符 |

零宽度断言(前后预查)


| 符号 | 描述 |

| — | — |

| ?= | 正先行断言-存在 |

| ?! | 负先行断言-排除 |

| ?<= | 正后发断言-存在 |

| ?<! | 负后发断言-排除 |

?=… 正先行断言

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

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

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

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

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

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

结束

一次完整的面试流程就是这样啦,小编综合了腾讯的面试题做了一份前端面试题PDF文档,里面有面试题的详细解析,分享给小伙伴们,有没有需要的小伙伴们都去领取!

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

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-unOQRCXe-1711900871809)]

结束

一次完整的面试流程就是这样啦,小编综合了腾讯的面试题做了一份前端面试题PDF文档,里面有面试题的详细解析,分享给小伙伴们,有没有需要的小伙伴们都去领取!

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值