Web前端系列技术之Web APIs基础（从基础开始）⑦

CSDN话题挑战赛第2期
参赛话题：学习笔记

Web APIs基础学习七

这是Web APIs的最后一章了，这里今天主要介绍的是关于表单验证中最常用到的规则对象——正则表达式，或许小伙伴们对它并不陌生哈；

根据官方定义： 正则表达式，又称规则表达式，是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"），是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串，通常被用来 检索、替换 那些符合某个模式（规则）的文本，目前许多程序设计语言都支持利用正则表达式进行字符串操作；

👍其实，可简单理解为：是 用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象

经常适用的场景：表单验证 ；

那么今天所要介绍的内容就是：
一、正则表达式
二、正则案例

---

---

一、正则表达式

如果让一个人从这份图中寻找到一个【戴帽子和眼镜的男人】，他会用什么样的方法呢？

在这里，戴帽子、戴眼镜、男人都是描述信息，那么根据描述信息，很快就能够在人群中查找到确定的那个人，那么这些用于查找的描述信息如果编写成一个模式应用到计算机中，那就是所谓的 正则表达式 了；

在 JavaScript的使用场景中，正则表达式通常都会被用来进行表单验证（匹配），或是过滤掉页面内容中的一些敏感词(替换)，也或是从字符串中获取我们想要的特定部分(提取)等；

1. 基础语法

在使用正则表达式的时候，通常会分为 定义规则 和 查找 两步进行；

1. 定义正则表达式语法：

//其中 / / 是正则表达式字面量，中间不含空格，不含引号
let 变量名 = /表达式/

⭐注意：正则是一个 对象，表达式返回的是对象，那么也就是说变量名中存储的是也是对象；

2. 判断是否有符合规则的字符串：

变量名.test(被检测的字符串)

⭐注意：通常使用test() 方法来查看正则表达式与指定的字符串是否匹配，如果正则表达式与指定的字符串匹配 ，返回true，否则false

3. 检索（查找）符合规则的字符串：

变量名.exec(被检测的字符串)

⭐注意：这里使用的 exec() 虽然和 test() 的目的相同，都是为了查找要匹配的字符串，但是它们的区别就是，在使用exec() 方法如果匹配到的话，就返回一个数组，里面还包含了索引号等信息，否则的话就是返回null

2. 元字符

前面也介绍过，在正则表达式中是包括普通字符（例如，a 到 z 之间的字母）和特殊字符的，而这里的特殊字符就是 元字符 ；

普通字符： 大多数的字符仅能够描述它们本身，这些字符称作普通字符，例如所有的字母和数字；换言之，也就是说 普通字符只能够匹配字符串中与它们相同的字符 ；

特殊字符（元字符）： 是一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能；例如，比如，规定用户只能输入英文26个英文字母，普通字符的话就需要写成abcdefghijklm…..，但是换成元字符只需要写成 [a-z]；

详细内容可以参考 MDN官方文档 或者使用 正则测试工具

当然，如果直接这样去记忆元字符，是很难很多的，所要在为了方便记忆和学习的情况下，人们对其进行了分类：

1. 边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）；
2. 量词（表示重复次数）；
3. 字符类（比如 \d 表示 0~9）；

2.1 边界符

正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符：

边界符	说明
^	表示匹配行首的文本（