正则表达式

正则表达式

regular expression：RegExp
用来处理字符串的规则

• 只能处理字符串
• 它是一个规则：可以验证字符串是否符合某个规则（test），也可以把字符串中符合规则的内容捕获到（exec / match…）

---

编写正则表达式

创建方式有两种:

• 字面量创建方式（两个斜杠之间包起来的，都是用来描述规则的元字符）
  let reg1 = /\d+/;

• 构造函数模式创建 两个参数：元字符字符串，修饰符字符串
  let reg2 = new RegExp("\d+");
  let reg3 = new RegExp("\d+",“g”)

---

正则表达式由两部分组成

• 元字符
• 修饰符

一、常用的元字符

• 量词元字符：设置出现的次数

1. * 零到多次
2. + 一到多次
3. ? 零次或者一次
4. {n} 出现n次
5. {n,} 出现n到多次
6. {n,m} 出现n到m次

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

7. \ 转义字符（普通->特殊->普通）
8. . 除\n（换行符）以外的任意字符
9. ^ 以哪一个元字符作为开始
10. $ 以哪一个元字符作为结束
11. \n 换行符
12. \d 0~9之间的一个数字
13. \D 非0~9之间的一个数字 （大写和小写的意思是相反的）
14. \w 数字、字母、下划线中的任意一个字符
15. \s 一个空白字符（包含空格、制表符、换页符等）
16. \t 一个制表符（一个TAB键：四个空格）
17. \b 匹配一个单词的边界
18. x|y x或者y中的一个字符
19. [xyz] x或者y或者z中的一个字符
20. [^xy] 除了x/y以外的任意字符
21. [a-z] 指定a-z这个范围中的任意字符 [0-9a-zA-Z_]===\w
22. [^a-z] 上一个的取反“非”
23. () 正则中的分组符号
24. (?:) 只匹配不捕获
25. (?=) 正向预查
26. (?!) 负向预查

• 普通元字符：代表本身含义的
  /abc/ 此正则匹配的就是 “abc”

二、正则表达式常用的修饰符

• 正则表达式常用的修饰符：img
  i =>ignoreCase 忽略单词大小写匹配
  m =>multiline 可以进行多行匹配
  g =>global 全局匹配

---

元字符详细解析

一、 ^ $

• ^/$两个都不加：字符串中包含符合规则的内容即可
  let reg1 = /\d+/;
• ^/$两个都加：字符串只能是和规则一致的内容
  let reg2 = /^\d+$/;
• 举个例子：验证手机号码（11位，第一个数字是1即可）
  let reg = /^1\d{10}$/;

let reg = /^\d/;
console.log(reg.test("zhufeng")); //=>false
console.log(reg.test("2019zhufeng"));//=>true
console.log(reg.test("zhufeng2019"));//=>false

let reg = /\d$/;
console.log(reg.test("zhufeng")); //=>false
console.log(reg.test("2019zhufeng"));//=>false
console.log(reg.test("zhufeng2019"));//=>true

二、 \

//=>.不是小数点，是除\n外的任意字符

let reg = /^2.3$/;
console.log(reg.test("2.3"));//=>true
console.log(reg.test("2@3"));//=>true
console.log(reg.test("23"));//=>false

//=>基于转义字符，让其只能代表小数点

reg = /^2\.3$/;
console.log(reg.test("2.3"));//=>true
console.log(reg.test("2@3"));//=>false

匹配字符串"\d"

let str = "\\d";
reg = /^\d$/; //=>\d代表0-9的数字
console.log(reg.test(str)); //=>false
reg = /^\\d$/; //=>把特殊符合转换为普通的
console.log(reg.test(str)); //=>true

三、x|y

• 直接x|y会存在很乱的优先级问题，一般我们写的时候都伴随着小括号进行分组，因为小括号改变处理的优先级 =>小括号：分组

let reg = /^18|29$/;
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

• 只能是18或者29中的一个了

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

三、[]

• 中括号中出现的字符一般都代表本身的含义

let reg = /^[@+]$/;
console.log(reg.test("@")); //=>true
console.log(reg.test("+")); //=>true
console.log(reg.test("@@")); //=>false
console.log(reg.test("@+")); //=>false

• d在中括号中还是0-9

reg = /^[\d]$/; //=>\d在中括号中还是0-9
console.log(reg.test("d"));//=>false
console.log(reg.test("\\"));//=>false
console.log(reg.test("9"));//=>true

• 中括号中不存在多位数

reg = /^[18]$/;
console.log(reg.test("1")); //=>true
console.log(reg.test("8")); //=>true
console.log(reg.test("18")); //=>false

reg = /^[10-29]$/; //=>1或者0-2或者9
console.log(reg.test("1"));//=>true
console.log(reg.test("9"));//=>true
console.log(reg.test("0"));//=>true
console.log(reg.test("2"));//=>true
console.log(reg.test("10"));//=>false

---

正则两种创建方式的区别

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

let reg = /\d+/g;
reg = new RegExp("\\d+","g");

• 正则表达是中的部分内容是变量存储的值

1. 两个斜杠中间包起来的都是元字符（如果正则中要包含某个变量的值，则不能使用字面量方式创建）

let type = "zhufeng";
reg = /^@"+type+"@$/; 
console.log(reg.test("@zhufeng@")); //=>false
console.log(reg.test('@"""typeeeee"@')); //=>true

2. 这种情况只能使用构造函数方式（因为它传递的规则是字符串，只有这样才能进行字符串拼接）

 reg = new RegExp("^@"+type+"@$");
console.log(reg.test("@zhufeng@"));//=>true

---

常用的正则表达式

1. 验证是否为有效数字

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

2. 验证密码

 //=>数字、字母、下划线
//=>6~16位
reg = /^\w{6,16}$/;

3. 验证真实姓名的

  /*
    * 1.汉字  /^[\u4E00-\u9FA5]$/
    * 2.名字长度 2~10位
    * 3.可能有译名 ·汉字  (·[\u4E00-\u9FA5]{2,10}){0,2}
    */
   let reg = /^[\u4E00-\u9FA5]{2,10}(·[\u4E00-\u9FA5]{2,10}){0,2}$/;

4. 验证邮箱的

let reg = /^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
   
   //=> \w+((-\w+)|(\.\w+))*
   //1.开头是数字字母下划线（1到多位）
   //2.还可以是 -数字字母下划线 或者 .数字字母下划线,整体零到多次
   //=>邮箱的名字由“数字、字母、下划线、-、.”几部分组成，但是-/.不能连续出现也不能作为开始
   
   //=> @[A-Za-z0-9]+
   //1.@后面紧跟着：数字、字母 （1-多位）
   
   //=> ((\.|-)[A-Za-z0-9]+)*
   //1.对@后面名字的补充
   // 多域名     .com.cn
   // 企业邮箱    zxt@zhufeng-peixun-office.com
   
   //=> \.[A-Za-z0-9]+
   //1. 这个匹配的是最后的域名（.com/.cn/.org/.edu/.net...）

5. 身份证号码

   /*
    * 1. 一共18位
    * 2. 最后一位可能是X
    *
    * 身份证前六位：省市县  130828
    * 中间八位：年月日
    * 最后四位：
    *   最后一位 => X或者数字
    *   倒数第二位 => 偶数 女  奇数 男
    *   其余的是经过算法算出来的
    */
   //let reg = /^\d{17}(\d|X)$/;
   //=>小括号分组的第二个作用：分组捕获，不仅可以把大正则匹配的信息捕获到，还可以单独捕获到每个小分组的内容
   let reg = /^(\d{6})(\d{4})(\d{2})(\d{2})\d{2}(\d)(\d|X)$/;
   reg.exec("130828199012040617"); //=>["130828199012040617", "130828", "1990", "12", "04", "1", "7"...] 捕获结果是数组，包含每一个小分组单独获取的内容