几个简单正则表达式的解析

先推荐一个练习正则的网站：集 学习、构建 和 测试 正则表达式于一身的在线工具。

一、匹配 16 进制颜色值（找出字符串中所有能够当作色值的子串）

拿到正则应该先分析所有可以匹配到的模板如：#fff,#333,#F0F0F0,#000000等。他们之间最显著的特征是以#开头，然后分两种情况：①#后面三个字符②#后面六个字符；

①/#[0-9a-fA-F]{3}/
解析：{}是量词的意思，它匹配指定数量个前面的标记，如[0-9a-fA-F]{3}即为匹配3个大小写字母或数字的标记。若{1，2}则匹配1个到2个前面的标记；若{1，}则匹配1个以上(包括一个)前面的标记。

②/#[0-9a-fA-F]{6}/
解析：同上；

两种情况取并集得到/#[0-9a-fA-F]{3}|[0-9a-fA-F]{6}/，这样就可以正确匹配出来了。

注意：

1. 之所以不能使用\w是因为\w中包含下划线，那么#ff_也会被匹配出来。
2. 十六进制最大值为F。
3. ^和$只能分别被用在正则表达式的开头和结尾，不能被用在表达式的其他位置。错误示例：/ _^ [a-z]/

二、匹配日期，如 yyyy-mm-dd 格式

日期格式中间用短横线分隔，且月份应不小于1，不大于12，日期不小于1，不大于31（若考虑闰年和30天太过复杂，这里暂不考虑）。

/^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/

掌握了第一题之后，这题还是挺简单的，注意小括号的使用。

三、手机号码正则

/^1[34578]\d{9}$/g

由于没有找到权威的手机号码编排规则，只能先记住了。

四、用户名正则（只能以大小写字母或$开头，可以包括大小写字母数字下划线或$，长度在4-16之间，包括临界值)

/^[a-zA-Z\$][\w+\$]{3,15}$/

注意：

1. 要想匹配$要在前面加转义符号
2. {3,15}指的是除去开头第一个字符外，有3-15个字符

关于该不该用^$的一些想法：

主要看业务需求，当想要匹配一个字符串中所有符合条件的子串时不应用^和$，如找出一串字符串中可以当作色值的字串。而当想要看一个字符串是否符合要求的时候应该用^和$将整个表达式包裹起来，如判断用户名是否合法，日期是否合法等。

PS:正则表达式很容易出现校验不严格的情况，如有错误，请在评论区留言，我会尽快改正。