正则表达式

• 正则表达式简介
  ①就是对字符串操作的一种逻辑公式,也叫规则表达式
  ②用来验证字符是否符合规则,
  ③在登录或注册或者有表单时,需要验证格式的时候.

1.创建正则表达式对象

(1)字面量方式

• /**/这是规则,需要符合的格式,i为属性

 //1、字面量
        var reg = /Grayly/i;
        var str1 = 'fndajkdfhiGraylyfasidjkhfgil';
        var str2 = 'dasifhlbnluoahdfn';
        console.log(reg.test(str1));  //true
        console.log(reg.test(str2));  //false

(2)用构造函数的方式

var reg1 = new RegExp('Grayly', 'i'); //i 不区分大小写   g全局匹配   m多行匹配
        var str3 = 'hsnajkfnagrayly';
        console.log(reg1.test(str3));

(3)属性

• i 不区分字母大小写
• g 全局匹配
• m 多行匹配
  (4)字符串替换:replace

 var str4 = 'aaa, bbb , ccc, ddd, bbb';
        var newStr = str4.replace(/bbb/g, 'grayly');
        console.log(newStr);

2:常用的匹配规则

1:元字符
(1)^ 就是匹配字符的开始
(2)$匹配字符的结尾

    //1、匹配 ^开始 和  匹配$结尾
        var reg = /^Grayly$/; //必须以G开头，y结尾，中间是rayl才通过
        var str1 = 'Grayly';
        console.log(reg.test(str1));

(3). 匹配任意字符

var reg2 = /b..k/;
        var str3 = 'book';
        console.log(reg2.test(str3));

(4)\w 数字.字母.下划线

 //3、\w  （数字、字母、下滑线中的一种）
        var reg3 = /b\w\wk/;
        var str5 = 'book';
        console.log(reg3.test(str5));

(5)\s 任意空白字符

//4、\s空白字符var reg3 = /b\w\wk/;
        var reg4 = /b\s\sk/;
        var str7 = 'b  k';
        console.log(reg4.test(str7));

(6) \d 匹配数字,等同于[0-9]

 //5、 \d 匹配数字
        var reg5 = /b\d\dk/;
        var str10 = b11k;
        console.log(reg5.test(str10));

(7) \D 匹配非数字,等同于[^0-9]
(8)| 或的意思 就是取其中的任意一位

 // | 或 
    var reg = /^1(3|4|5|6|7|8)\d\d\d\d\d\d\d\d\d$/;
    var str1 = '18800000000';
    var str2 = '12800000000'

(9)[xy] 表示方括号包含的x,y中的一个

// [abc] 代表一个字符,字符只能是abc中的一个
    var reg = /^1[345678]\d\d\d\d\d\d\d\d\d$/;
    var str1 = '18800000000';  //
    var str2 = '12800000000';  // 

2;特殊字符
(1)转移字符: \ ...

• 这个符号后面会被消除自身语法
  (2)[]:表达式
• 代表一位字符,里面写范围
  (3)[^]:非
• 就是取反的意思
  3:重复匹配
  (1)?: 重复出现0次或1次

var reg = /^bo?k$/;    // b开头,0个或者1个o,以k结尾
    var str = 'bok';

(2)+:重复出现1次或多次

var reg = /^bo+k$/;   // b开头,1个或多个o,k结尾
    var str = 'bok';
    var str = 'booooooooook';

(3)*:充足出现0次或多次

 var reg = /^bo*k$/;   //b开头,0个或多个o,k结尾
    var str = 'booooooooook';

4）{ n }：重复出现n次

 var reg = /^bo{2}k$/;   // 匹配book  2个o

（5）{ n， }：至少重复出现n次

var reg = /^bo{2,5}k$/;   // 匹配book  2个o以上

（6）{ n， m}：重复出现n到m次

    var reg = /^bo{2,5}k$/;   // 匹配book  2个o以上,5个o以下

4、分组
（1）用括号分组

• \1：对第一个括号的重复，\2：对第二个括号的重复，以此类推

    // 日期的匹配  2000-1-11   \1 对第一个括号的重复
    var reg = /^\d{4} (\-|\.) \d{1,2} \1 \d{1,2}$/;

（2）分组的应用

• 应用

    var reg = /(.*)(程序员)(.*)/;
    var str = '我是web前端程序员,我来自深圳';

    console.log(reg.test(str));   
    // 将程序员替换成攻城狮
    var newStr = str.replace(reg, '$1攻城狮$3');
    console.log(newStr);

• 替换手机号中间4位

    //其中一个括号为一个$，有三个括号，按顺序分别为 $1、$2、$3
    var phone = '15013795539';
    var reg = /(\d{3})\d{4}(\d{4})/;
    var newPhone = phone.replace(reg, '$1****$2');
    console.log(newPhone);