正则表达式学习 -- 验证

正则表达式

• 只能处理字符串
• 前端作用: 验证字符串是否符合某个规则(test), 也可以捕获字符串中的内容(exec/match...)

1. 创建

在js中, 创建对象类一般都有两种方式, 字面量和构造函数方式

• 字面量: let reg = /\d+/;
• 构造函数: new RegExp(元字符字符串, 修饰符字符串) -- 不需要斜杠的

区别:

• 构造函数因为传递的是字符串, \需要写两个才代表斜杠

  let reg = /\d+/;
  let reg = new RegExp('\\d+'); // 这样两者才是相同的
  

• 如果正则要包含某个变量的值, 则不能使用字面量方式创建

  let type = 'sdfsd';
  reg = /^@"+ type +"@$/; // => 无用
  // 这种情况只能使用构造函数方式
  reg = new RegExp("^@" + type + "@$");
  

2. 组成部分

正则由两部分组成: 元字符 和 修饰符

2.1 元字符

• 量词元字符: 用于设置出现的次数

字符	描述
*	匹配前面的子表达式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo"。* 等价于{0,}。
+	匹配前面的子表达式一次或多次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等价于 {1,}。
?	匹配前面的子表达式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 。? 等价于 {0,1}。
{n}	n 是一个非负整数。匹配确定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的两个 o。
{n,}	n 是一个非负整数。至少匹配n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。
{n,m}	m 和 n 均为非负整数，其中n <= m。最少匹配 n 次且最多匹配 m 次。例如，"o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。

• 特殊元字符: 单个或者组合在一起代表特殊的含义

字符	描述
\	将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\' 匹配 "" 而 "(" 则匹配 "("。
.	匹配除换行符（\n、\r）之外的任何单个字符。要匹配包括 '\n' 在内的任何字符，请使用像"(.|\n)"的模式。
^	匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 '\n' 或 '\r' 之后的位置。
$	匹配输入字符串的结束位置。如果设置了RegExp 对象的 Multiline 属性，$ 也匹配 '\n' 或 '\r' 之前的位置。
\b	匹配一个单词边界，也就是指单词和空格间的位置。例如， 'er\b' 可以匹配"never" 中的 'er'，但不能匹配 "verb" 中的 'er'。
\B	匹配非单词边界。'er\B' 能匹配 "verb" 中的 'er'，但不能匹配 "never" 中的 'er'。
\cx	匹配由 x 指明的控制字符。例如， \cM 匹配一个 Control-M 或回车符。x 的值必须为 A-Z 或 a-z 之一。否则，将 c 视为一个原义的 'c' 字符。
\d	匹配一个数字字符。等价于 [0-9]。
\D	匹配一个非数字字符。等价于 [^0-9]。
\f	匹配一个换页符。等价于 \x0c 和 \cL。
\n	匹配一个换行符。等价于 \x0a 和 \cJ。
\r	匹配一个回车符。等价于 \x0d 和 \cM。
\s	匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。
\S	匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。
\t	匹配一个制表符。等价于 \x09 和 \cI。
\v	匹配一个垂直制表符。等价于 \x0b 和 \cK。
\w	匹配字母、数字、下划线。等价于'[A-Za-z0-9_]'。
\W	匹配非字母、数字、下划线。等价于 '[^A-Za-z0-9_]'。
\xn	匹配 n，其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如，'\x41' 匹配 "A"。'\x041' 则等价于 '\x04' & "1"。正则表达式中可以使用 ASCII 编码。
\num	匹配 num，其中 num 是一个正整数。对所获取的匹配的引用。例如，'(.)\1' 匹配两个连续的相同字符。
\nm	标识一个八进制转义值或一个向后引用。如果 \nm 之前至少有 nm 个获得子表达式，则 nm 为向后引用。如果 \nm 之前至少有 n 个获取，则 n 为一个后跟文字 m 的向后引用。如果前面的条件都不满足，若 n 和 m 均为八进制数字 (0-7)，则 \nm 将匹配八进制转义值 nm。
\nml	如果 n 为八进制数字 (0-3)，且 m 和 l 均为八进制数字 (0-7)，则匹配八进制转义值 nml。
\un	匹配 n，其中 n 是一个用四个十六进制数字表示的 Unicode 字符。例如， \u00A9 匹配版权符号 (?)。
x|y	匹配 x 或 y。例如，'z|food' 能匹配 "z" 或 "food"。'(z|f)ood' 则匹配 "zood" 或 "food"。
[xyz]	字符集合。匹配所包含的任意一个字符。例如， '[abc]' 可以匹配 "plain" 中的 'a'。
[^xyz]	负值字符集合。匹配未包含的任意字符。例如， '[^abc]' 可以匹配 "plain" 中的'p'、'l'、'i'、'n'。
[a-z]	字符范围。匹配指定范围内的任意字符。例如，'[a-z]' 可以匹配 'a' 到 'z' 范围内的任意小写字母字符。
[^a-z]	负值字符范围。匹配任何不在指定范围内的任意字符。例如，'[^a-z]' 可以匹配任何不在 'a' 到 'z' 范围内的任意字符。
(pattern)	匹配 pattern 并获取这一匹配。所获取的匹配可以从产生的 Matches 集合得到，在VBScript 中使用 SubMatches 集合，在JScript 中则使用 9 属性。要匹配圆括号字符，请使用 '(' 或 ')'。
(?:pattern)	匹配 pattern 但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用 "或" 字符 (|) 来组合一个模式的各个部分是很有用。例如， 'industr(?:y|ies) 就是一个比 'industry|industries' 更简略的表达式。
(?=pattern)	正向肯定预查（look ahead positive assert），在任何匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如，"Windows(?=95|98|NT|2000)"能匹配"Windows2000"中的"Windows"，但不能匹配"Windows3.1"中的"Windows"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。
(?!pattern)	正向否定预查(negative assert)，在任何不匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如"Windows(?!95|98|NT|2000)"能匹配"Windows3.1"中的"Windows"，但不能匹配"Windows2000"中的"Windows"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。
(?<=pattern)	反向(look behind)肯定预查，与正向肯定预查类似，只是方向相反。例如，"(?<=95|98|NT|2000)Windows"能匹配"2000Windows"中的"Windows"，但不能匹配"3.1Windows"中的"Windows"。
(?	反向否定预查，与正向否定预查类似，只是方向相反。例如"(?"能匹配"3.1Windows"中的"Windows"，但不能匹配"2000Windows"中的"Windows`"。

// 例如: [0-9a-zA-Z_]: 表示匹配0-9之间的一个数字或者a-z的一个字符或者A-Z的一个字符或者下划线(_)

// =======================================

// x|y会存在复杂的优先级问题
// 例如: 
let reg = /^18|19$/;
console.log(reg.test("18")) => true
console.log(reg.test("29")) => true
console.log(reg.test("129")) => true
console.log(reg.test("189")) => true
console.log(reg.test("1829")) => true
console.log(reg.test("829")) => true
console.log(reg.test("182")) => true
// 一般都使用小括号进行分组, 改变优先级
let reg = /^(18|29)$/
console.log(reg.test("18")) => true
console.log(reg.test("29")) => true
console.log(reg.test("129")) => false
console.log(reg.test("189")) => false

// =======================================

// [] => 中括号中出现的一般都代表本身的含义(\d等除外)
let reg = /^[@+]+$/ // => 表示@ 或者 +(本身含义) 出现多次
// [] => 中括号中不存在多位数
let reg = /^[18]$/ // => 表示只匹配1 或 8 的字符
cnosole.log(reg.test('18')) // => false

• 普通元字符: 代表本身含义的

  例如: /asdfa/ 此正则匹配的就是 'asdfa'

2.2 修饰符

修饰符	描述
i	忽略单词大小写匹配
m	可以进行多行匹配
g	全局匹配 如果不带g，正则过程中字符串从左到右匹配，找到第一个符合条件的即匹配成功，返回 如果带g，则字符串从左到右，找到每个符合条件的都记录下来，知道字符串结尾位置
s	允许 . 匹配换行符。
u	使用unicode码的模式进行匹配。
y	执行“粘性”搜索,匹配从目标字符串的当前位置开始，可以使用y标志。

2.3 常用正则表达式 - 练习

1. 验证有效数字

/*
  * 规则: 
  * 1. 第一位可能给出现+-号, 也可能不出现
  * 2. 一位0-9都可以, 多位首位不能是0(0是有效数字, 094不是)
  * 3. 小数部分可能有可能没有, 一旦有后面必须有小数点+数字
*/
let reg = /^[+-]?(\d|([1-9]\d+))(\.\d+)?$/

2. 验证密码

/*
  * 规则
  * 1. 数字、字母、下划线
  * 2. 6-16位
*/
let reg = /^\w{6,16}$/

3. 验证真实姓名

/*
  * 规则
  * 1. 汉字 /^[\u4E00-\u9FA5]$/
  * 2. 名字长度 2~10位
  * 3. 可能有译名 · (少数民族)
*/
let reg = /^[\u4E00-\u9FA5]${2,10}(.[\u4E00-\u9FA5]${2,10})?$/

4. 身份证号码

/*
  * 规则
  * 1. (二代身份证)一共18位
  * 2. 最后一位可能是X, 其余为数字
  * 
  * 身份证前六位: 省市县
  * 中间八位: 年月日
  * 最后四位: 
  *     最后一位 => X或者数字
  *     倒数第二位 => 偶数 女 | 奇数 男
  *     其余的都是经过算法算出来
*/
let reg = /^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$/

2.4 常见表达式 - 在线网址

• 常见正则表达式
• 掘金(正则)