Java Script 正则表达式

正则表达式

• 正则表达式是什么？有什么用？什么时候用？

  • 1、正则表达式是对字符串操作的一种逻辑公式，也叫规则表达式
  • 2、符合规则的就放行，不符合规则的就拒绝
  • 3、在登录或注册或有表单，需要验证的时候用

一、创建正则表达式对象

（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);

二、常用匹配规则

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]

    // \d匹配数字 \D非数字
    var reg = /\Dook/;
    var str = '8ook';  

（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）[ ^ ]：非

• 在方括号内的^,表示为非，即取反
• eg：[ ^xyz ]：除了xyz之外任意字符

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);