JavaScript高级(含ES6)-Day04 正则表达式

正则表达式（regular expression）是用于匹配字符串中字符组合的模式。在JS中正则表达式也是对象。通常被用于检索替换那些符合某个模式的文本，或用于过滤掉页面内容中的一些敏感词（替换），或从字符串中获取我们想要的特定部分（提取）。

特点

• 灵活性、逻辑性和功能性非常的强；
• 可以迅速用极简的方式达到字符串的复制控制；
• 在实际开发中需要理解正则表达式，可以复制公式，但也要懂得修改。

点击跳转测试网址

创建

		//1.通过RegExp来创建
        var rg = new RegExp(/123/);
        //2.利用字面量创建
        var rg1 = /123/;

        var str = 123;
        var str1 = 'zbbc';
        console.log(rg.test(str)); //true
        console.log(rg.test(str1)); //false

测试 test()用于检测字符串是狗符合，返回布尔值，参数为被测字符串

正则的组成 可由简单的字符组成，也可由简单和特殊的字符组成。
特殊字符 称为元字符，在正则中具有特殊意义的专用符号，如$、+、^ 等。

边界符 又称位置符，用来提示字符所在位置。^ 以谁开始；$ 以谁结束。

		var reg1 = /abc/;
        console.log(reg1.test('abc')); //true
        console.log(reg1.test('absc')); //false
        console.log(reg1.test('aabcdd')); //true

        console.log("---------------");
        var reg2 = /^abc/;
        console.log(reg2.test('abc')); //true
        console.log(reg2.test('absc')); //false
        console.log(reg2.test('abcdd'));//true

        console.log("---------------");
        var reg3 = /^abc$/;
        console.log(reg3.test('abc')); //true
        console.log(reg3.test('abcabc')); //false
        console.log(reg3.test('abcdd')); //false

字符类 []表示括号内的一系列字符只要满足一个就为true。[^a-z] 表示取除了a-z以外的字符。

		var rg = /[abc]/;
        console.log(rg.test('andy')); //true
        console.log(rg.test('blue'));//true
        console.log(rg.test('red'));//false

        console.log("---------------");
        var rg1 = /^[abc]$/;
        console.log(rg1.test("assign"));//false
        console.log(rg1.test("a"));//true
        console.log(rg1.test("c"));//true

        console.log("---------------");
        var rg2 = /^[a-z]$/;
        console.log(rg2.test("assign"));//false
        console.log(rg2.test("a"));//true
        console.log(rg2.test("g"));//true
        console.log(rg2.test("G"));//false
        console.log(rg2.test("1"));//false

        console.log("---------------");
        var rg4 = /^[a-zA-Z0-9]/;
        console.log(rg4.test("assign"));//true
        console.log(rg4.test("a"));//true
        console.log(rg4.test("g"));//true
        console.log(rg4.test("G"));//true
        console.log(rg4.test("1"));//true

        console.log("---------------");
        var rg3 = /^[a-zA-Z0-9_-]/;
        console.log(rg3.test("assign"));//true
        console.log(rg3.test("a"));//true
        console.log(rg3.test("g"));//true
        console.log(rg3.test("G"));//true
        console.log(rg3.test("1"));//true
        console.log(rg3.test("-_"));//true

        console.log("---------------");
        var rg5 = /^[^a-z]/;
        console.log(rg5.test("assign"));//false
        console.log(rg5.test("a"));//false
        console.log(rg5.test("g"));//false
        console.log(rg5.test("G"));//true
        console.log(rg5.test("1"));//true

量词符 某个模式出现的次数

		console.log("--------- * 相当于>=0");
        var rg = /^a*$/;
        console.log(rg.test(''));    //true
        console.log(rg.test('a'));    //true
        console.log(rg.test('aa'));   //true
        
        console.log("--------- + 相当于>=1");
        var rg1 = /^a+$/;
        console.log(rg1.test(''));    //false
        console.log(rg1.test('a'));    //true
        console.log(rg1.test('aa')); //true

        console.log("--------- ? 相当于 1||0 ");
        var rg2 = /^a?$/;
        console.log(rg2.test(''));    //true
        console.log(rg2.test('a'));    //true
        console.log(rg2.test('aa'));//false

        console.log("--------- {2}  相当于 =2");
        var rg3 = /^a{2}$/;
        console.log(rg3.test(''));    //false
        console.log(rg3.test('a'));    //false
        console.log(rg3.test('aa'));//true

        console.log("--------- {3,}  相当于 >=3");
        var rg4 = /^a{3,}$/;
        console.log(rg4.test(''));    //false
        console.log(rg4.test('aa'));    //false
        console.log(rg4.test('aaa'));//true

        console.log("--------- {3,16} 相当于 3~6");
        var rg5 = /^a{3,16}$/;
        console.log(rg5.test('aaaaaa'));   //true 
        console.log(rg5.test('aa'));    //false
        console.log(rg5.test('aaaaaaaaaaaaaaaaaaaa'));//false

        console.log("--------- {11}");
        var rg6 = /[0-9]{11}/;
        console.log(rg6.test('137a7094619')); //false

小括号 表示优先级。

		var rg = /^abc{3}$/;
        console.log(rg.test('abc'));  //false
        console.log(rg.test('abcabcabc'));  //false
        console.log(rg.test('abccc'));   //true

        console.log("----------- ()")
        var rg1 = /^(abc){3}$/;
        console.log(rg1.test('abc'));  //false
        console.log(rg1.test('abcabcabc'));   //true
        console.log(rg1.test('abccc'));  //false

预定义类 指某些常见模式的简写方式

• \d：匹配0-9之间的任意数字，相当于[ 0-9 ]；
• \D：匹配除0-9之外的任意数字，相当于[ ^0-9 ]；
• \w：匹配任意字母，数字，下划线，相当于[ A-Za-z0-9 ]；
• \W：匹配除字母，数字，下划线以外的字符，相当于[ ^A-Za-z0-9 ]；
• \s：匹配空格（包括换行符、制表符、空格符等），相当于[ \t\r\n\v\f ]；
• \S：匹配非空格的字符，相当于[ ^\t\r\n\v\f ]；

		 var rg = /^\d{2}$/;
        console.log(rg.test('a2'));  //false
        console.log(rg.test('22'));//true
        console.log(rg.test('2')); //false
        
        console.log("----------");
        var rg1 = /^\d{3}-\d{8}/;
        var rg2 = /^\d{4}-\d{7}/;
        console.log(rg1.test('123-12345678'));//true
        console.log(rg1.test('1232-123456722')); //false
        console.log(rg2.test('1234-1234567'));//true

replace() 替换：可以实现替换字符的操作，用来替换的参数可以是一个字符串或一个正则表达式。

• StringObject.replace( regexp / substr , replacement )
• regexp / substr：被替换的字符串或正则表达式；
• replacement：被替换为的字符串；
• 返回一个替换完毕的字符串；

正则表达式参数：/表达式/[switch] ；
switch 也称修饰符；

• g：全局匹配；
• i：忽略大小写；
• gi：全局匹配且忽略大小写；