- 一种是当Perl（一种功能丰富的编程语言）发展起来后，衍生出来了Perl正则表达式，JavaScript中的正则语法就是基于Perl的。
在开发中，经常需要根据正则匹配模式完成对指定字符串的搜索和匹配。
🍑exec()方法
-
exec()方法用于在目标字符串中搜索匹配，一次仅返回一个匹配结果。
-
例如，在指定字符串str中搜索abc。
-
“/abc/i”中的“/”是正则表达式的定界符，“abc”表示正则表达式的模式文本，“i”是模式修饰标识符，表示在str中忽略大小写。
-
exec()方法的参数是待匹配的字符串str，匹配成功时，该方法的返回值是一个数组，否则返回null。
-
从exec()的返回结果中可以看出，该数组保存的第1个元素（AbC）表示匹配到的字符串；第2个元素index表示匹配到的字符位于目标字符串中的索引值（从0开始计算）；第3个参数input表示目标字符串（AbC123abc456）。
🍑match()方法
String对象中的match()方法除了可在字符串内检索指定的值外，还可以在目标字符串中根据正则匹配出所有符合要求的内容，匹配成功后将其保存到数组中，匹配失败则返回false。
-
定位符“^”，可用于匹配字符串开始的位置。
-
定位符“$”，可用于匹配字符串结尾的位置。
-
g表示全局匹配，用于在找到第一个匹配之后仍然继续查找。
在JavaScript应用中，使用正则表达式之前首先需要创建正则对象。除了前面讲解过的字面量方式创建外，还可以通过RegExp对象的构造函数的方式创建。
-
pattern是由元字符和文本字符组成的正则表达式模式文本。
-
元字符是具有特殊含义的字符，如“^”、“.”或“*”等。
-
文本字符就是普通的文本，如字母和数字等。
-
flags表示模式修饰标识符，用于进一步对正则表达式进行设置。
-
模式修饰符，还可以根据实际需求多个组合在一起使用。
-
例如，既要忽视大小写又要进行全局匹配，则可以直接使用gi，并且在编写多个模式修饰符时没有顺序要求。
-
因此，模式修饰符的合理使用，可使正则表达式变得更加简洁、直观。
为了让读者更好的理解正则对象的获取，以匹配特殊字符“^”、“$”、“*”、“.”和“\”为例进行对比讲解。
-
选择符“|”表示“或”，查找条件只要其中一个条件满足即可成立。
-
JavaScript中字符串存在转义问题，因此代码中str里的“\”表示反斜线“\”。
-
在正则中匹配特殊字符时，也需要反斜线（\）对特殊字符进行转义。例如，“\\”经过字符串转义后变成“\”，然后正则表达式再用“\”去匹配“\”。
📌注意
构造函数方式与字面量方式创建的正则对象，虽然在功能上完全一致，但它们在语法实现上有一定的区别，前者的pattern在使用时需要对反斜杠（\）进行转义。而后者的pattern在编写时，要放在定界符“/”内，flags标记则放在结尾定界符之外
========================================================================
好处：有效的使用字符类别可以使正则表达式更加简洁，便于阅读。
举例1：大写字母、小写字母和数字可以使用“\w”直接表示。
案例2：若要匹配0到9之间的数字可以使用“\d”表示。
下面为了方便读者理解字符类别的使用，以“.”和“\s”为例进行演示.
-
正则对象reg用于匹配空白符后的任意两个字符（除换行外）。
-
因此在控制台查看到的结果中，id前有一个空格。
字符集合的表示方式：“[]”可以实现一个字符集合。
字符范围：与连字符“-”一起使用时，表示匹配指定范围内的字符。
反义字符：元字符“^”与“[]”一起使用时，称为反义字符。
不在某范围内： “^”与“[]”一起使用，表示匹配不在指定字符范围内的字符。
以字符串 ‘get好TB6’.match(/pattern/g) 为例演示其常见的用法。
📌注意
字符“-”在通常情况下只表示一个普通字符，只有在表示字符范围时才
作为元字符来使用。“-”连字符表示的范围遵循字符编码的顺序，如“a-Z”、“z-a”、“a-9”都是不合法的范围。
【案例】限定输入内容
代码实现思路：
编写HTML，设置一个年（份）和月（份）的文本框，以及一个查询按钮。
获取操作的元素对象，对表单的提交进行验证。
验证年份， 正则：/^\d{4} / 。 验 证 月 份 ， 正 则 ： / ( ( 0 ? [ 1 − 9 ] ) ∣ ( 1 [ 012 ] ) ) /。验证月份，正则： /^((0?[1-9])|(1[012])) /。验证月份，正则：/((0?[1−9])∣(1[012]))/ 。
文本框获取焦点，去除提示框的颜色。文本框失去焦点，去除输入内容的两端的空白，并进行验证。
代码实现
年份
月份
=========================================================================
test()方法：检测正则表达式与指定的字符串是否匹配。
匹配成功时，test()方法的返回值为true，否则返回false。
⭐️检测正则对象的模式修饰符
RegExp类中还有一些属性，用于检测当前正则对象使用的模式修饰符，以及指定下一次匹配的起始索引等。
下面为了读者更好的理解这些属性的使用，以实现空格的匹配为例进行演示。
⭐️search()方法：可以返回指定模式的子串在字符串首次出现的位置，相对于indexOf()方法来说功能更强大。
-
search()方法的参数是一个正则对象，如果传入一个非正则表达式对象，则会使用“new RegExp(传入的参数)”隐式地将其转换为正则表达式对象。
-
search()方法匹配失败后的返回值为-1。
⭐️split()方法：用于根据指定的分隔符将一个字符串分割成字符串数组，其分割后的字符串数组中不包括分隔符。
当分隔符不只一个时，需要定义正则对象才能够完成字符串的分割操作。
-
按照字符串中的“@”和“.”两种分隔符进行分割。
-
split()方法的参数为正则表达式模式设置的分隔符，返回值是以数组形式保存的分割后的结果。
📌 注意
当字符串为空时，split()方法返回的是一个包含一个空字符串的数组“[“”]”，如果字符串和分隔符都是空字符串，则返回一个空数组“[]”。
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
算法
-
冒泡排序
-
选择排序
-
快速排序
-
二叉树查找: 最大值、最小值、固定值
-
二叉树遍历
-
二叉树的最大深度
-
给予链表中的任一节点，把它删除掉
-
链表倒叙
-
如何判断一个单链表有环
由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-BigCapiS-1712678158834)]
算法
-
冒泡排序
-
选择排序
-
快速排序
-
二叉树查找: 最大值、最小值、固定值
-
二叉树遍历
-
二叉树的最大深度
-
给予链表中的任一节点，把它删除掉
-
链表倒叙
-
如何判断一个单链表有环
[外链图片转存中…(img-G3yNmSsV-1712678158835)]
由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-YbdCm5cK-1712678158835)]
1149
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
