正则一文通

0x000 概述

正则是用来搜索字符串的！！！
正则是用来搜索字符串的！！！
正则是用来搜索字符串的！！！

重要的事儿说三遍，这个是这片文章的结论。

0x001 环境介绍

• 主要示例语言：javascript
• 实验场地：Chrome Console

• 主要函数：str.match(regexp)

  • 示例：
    
  • 参数:regexp
    一个正则表达式对象。若是传入一个非正则表达式对象，则会隐式地使用 new RegExp(obj) 将其转换为一个 RegExp 。若是你未提供任何参数，直接使用 match() ，那么你会获得一个包含空字符串的 Array ：[""] 。
    以上太官方了，这个参数直接传入一个正则表达式就好了(上图中的栗子2)，固然传一个普通的字符串也行（上图中的栗子1）,会自动转化的。如示例所见，完成的功能就是在helloworld字符串中搜索h字符而已。
  • 返回值:array
    若是字符串匹配到了表达式，会返回一个数组，数组的第一项是进行匹配完整的字符串，以后的项是用圆括号捕获的结果。若是没有匹配到，返回null
    以上太官方了，匹配到就返回结果数组，没匹配到返回null，具体的结果视表达式的不一样而有区别，如今讲了也感觉不到。上面的例子中键0的返回值就是搜索到的结果。
  • 关于该函数详细说明和具体用法，能够查询 MDN，不过如今没有必要就是了。

  • 正则写法：

    • //:在两个/之间写，推荐这种方式，这种方式下，两个/之间不能什么都不写，由于会发生很神奇的事情--会变成注释符号，致使后面的语法错误...
    • 直接写字符串：会自动转化，可是和第一种方式有些微妙的不一样，推荐第一种
• 说明：如下的标题只是我概括出来的结果，在正则中并非如此叫法。

0x002 普通字符

实用性技能的学习仍是从实际需求出发比较好，在字符串搜索的应用场景中，最多见的需求是啥？就是在字符串中搜索是否包含另外一个字符串。

例如在helloworld中判断是否有h，或者是否有hello，在这种状况下，就使用全部为的普通字符就行了，这种状况下，就起到了和indexOf同样的功能，因此咱们如今咱们能够用正则完成在字符串中搜索是否包含另外一个字符串的需求了。

可是若是正则只能作到这样，那还不如直接用indexOf，还学啥正则，在上面的栗子中，咱们所要搜索的字符串是已知的、肯定的，好比咱们知道咱们要搜索h、hello，这些都是已知的、肯定的，可是在不少场景中，咱们要搜索的是不肯定的、只知足必定规则的。因此就有了格式校验。

0x002 替代符

格式校验一般出如今表单应用中，好比注册须要填写帐户和密码，而帐户和密码须要知足必定的条件，帐户必须是邮箱、密码必须6-16位字母和数字组合等。

这里就出现了对不肯定的、只知足必定规则的的字符串的搜索，只要有搜索结果，则就校验经过，无结果，校验则不经过。

如何作到呢，那就是替代符，替代符能够替代某一种类型的字符，好比数字、字母、回车、换行等等等。

替代符的格式是普通字符前面加\，好比\d、\w等，为啥要加\呢，由于不加\就是普通字符了啊。

1. 替代一个数字：\d

   
   说明：能够完成需求：字符串中是否至少包含一个数字，这里的数字指的是：01234567890

2. 替代一个非数字：\D

   
   说明：能够完成需求：字符串中是否彻底不包含数字，这里的数字指的是：01234567890

• 替代一个字符：\w

  说明：能够完成的需求：字符串中是否至少包含一个字符，这里的字符指的是：1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghjklmnopqrstuvwxyz_，或者0-9A-Za-z_

1. 替代一个非字符：\W

   说明：能够完成的需求是：字符串是否彻底不包含字符，这里的字符指的是：1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghjklmnopqrstuvwxyz_，或者0-9A-Za-z_

2. 替代一个换行符：\n:

   
   说明：能够完成的需求是：字符串是否包含至少一个换行符

3. 替代一个制表符：\t:

   
   说明：能够完成的需求是：字符串是否包含至少一个制表符，这里的制表符指的是按Tab键产生的

4. 替代任意一个空白字符：

   
   说明：能够完成的需求是：字符串是否包含至少一个空白字符，这里的空白字符指的是换行符、空白符、制表符等

5. 替代任意一个非空白字符：

   能够完成的需求是：`字符串是否彻底不包含空白字符`，这里的空白字符指的是`换行符`、`空白符`、`制表符`等

6. 匹配\n以外的任何字符：.

将以上的几种替换符结合起来，咱们就能够完成一些比较有意思的事了，好比：

• 是否包含指定长度的数字：

• 密码是否都是字符：

  
  说明：栗子1返回null说明校验经过了，栗子2返回了搜索结果，说明存在非字符，因此校验不经过。

虽然能够作到这种程度，可是依旧不够，好比咱们没法限制长度，或者更精细的控制，好比邮箱格式的限制，匹配连续10000个0等。以abc100000@qq.com为例，能够看出，邮箱的规则大概是

• 开头以多个字母或者数字组成
• 包含@符号
• @后面是一个域名。

• 域名又有本身的规则：

  • 开头以多个字母或者数字组成
  • 包含.
  • .后面以多个字母或者数字组成

邮箱的格式校验已经怎么复杂了，更况且若是咱们要限定指定的几个域名呢？因此任重而道远啊，还得接下去学

0x003 数量

咱们在0x002中已经能够作到对数量的控制了，即/\d\d\d/这种形式，可是这种形式是有问题的，若是咱们要匹配10000个0呢，写10000个/d可不现实，因此这里必须引入新的符号，那就是数量。

1. 匹配前一个表达式0次或者屡次:*

   
   说明：注意，这里说的是表达式，目前先当作字符来理解，意思是匹配o这个字符0次或者屡次

2. 匹配子表达式1次或者屡次：+

   
   说明：匹配o这个字符1次或者屡次

3 匹配字表达式0次或者1次：?

![clipboard.png](/img/bVbd8Cu)

**说明**：匹配`o`这个字符0次或者1次

1. 匹配指定次数：{n}，n为次数

   
   说明：匹配o这个字符n次

2. 匹配最少几回：{n,}，n为次数

   
   说明：匹配o这个字符至少n次

3. 匹配最多几回：{n,m}，n为最少的次数，m为最多的次数
   
   说明：匹配o这个字符 n-m次

到目前为止，完成了普通字符、替代符、数量，那咱们能够作的事情可就多了，好比邮箱格式校验

![clipboard.png](/img/bVbd8El)

可是，依旧存在问题，请看下面


![clipboard.png](/img/bVbd8Ew)

咱们在邮箱前面和后面加了空白符和其余符号，经过了校验，这很明显是咱们目前没法解决的，继续往下

0x004 限定

1. 指定开头字符：^：

2. 指定结尾：$:

3. 继续邮箱校验:
   
   目前看似没问题，可是若是咱们要求只能使用gmail和qq登陆呢？还得往下啊！

0x005 运算符

1. 集合：[]：
   
   说明：包含abc中的任意字符

   
   说明：不包含abc中的任意字符

2. 字符范围：[a-z]：

   
   说明：包含a-z0-9

3. 或：|

   
   说明：是否包含a或者b

0x006 子表达式

字表达式使用()来表示，()内为一个总体。
直接上栗子：

• 邮箱验证：

  
  说明：匹配gmail或者qq。

• 获取知足某种格式的数据，好比获取文章中的电话号码

  
  说明：其中：1是整个表达式/tel:(\d+)/的结果，2是子表达式\d+的结果

在正则中，全部的单个匹配都是子表达式，好比a、a+、a{n,m}等。因此，其实这包含一种递归的思想，因此，全部使用在表达式上的均可以使用在这些之上，好比(ab)+,能够匹配ababab。

0x007 总结

正则表达式的做用就是

搜索字符串!!!
搜索字符串!!!
搜索字符串!!!

只不过能够搜索不肯定的、知足某种规则的的字符串，而这个功能能够引伸出多种使用场景

• 字符串搜索
• 格式校验
• 字符串截取

0x008 参考材料：

• MDN match函数说明
• 正则表达式手册
• 菜鸟教程