一、正则表达式概述

1.1 什么是正则表达式

正则表达式(regular expression)是一个描述字符模式的对象，ECMAScript的RegExp 类表示正则表达式，而String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。

正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。

1.2 正则表达式的作用

正则表达式主要用来验证客户端的输入数据。

用户填写完表单单击按钮之后，表单就会被发送到服务器，在服务器端通常会用PHP、ASP.NET、JSP等服务器脚本对其进行进一步处理。因为客户端验证，可以节约大量的服务器端的系统资源，并且提供更好的用户体验。

提高用户体验
减轻服务器的压力

二、创建正则表达式==(123)==

要使用正则表达式，必须先创建正则表达式对象，有2种创建对象的方式：

2.1 方式1：使用关键字new创建

var patt = new RegExp(pattern,modifiers);

参数1：正则表达式的模式。字符串形式

参数2：模式修饰符。用于指定全局匹配、区分大小写的匹配和多行匹配

2.2 方式2：使用正则表达式直接量

var pa = /pattern/modifiers;

两个/中间的表示正则表达式的模式，最后一个/的后面是模式修饰符

例如：上面的例子可以这样写 var pa = /girl/gi;

注意：这个时候模式和模式修饰符都能再添加双引号或单引号

三、正则表达式模式修饰符==(126)==

JavaScript中共有3种模式修饰符：g i u

g：表示全局。意思是说会对一个字符串进行多次匹配。如果不写g则只匹配一次，一旦匹配成功，则不会再次匹配

i：表示忽略大小写。意思是说在匹配的时候不区分大小写

u：表示可以多行匹配。

四、正则表达式方法详解==(127)==

经常用到的正则表达式方法有两个test() 和 exec()

4.1 test()方法

正则表达式对象.test(字符串)

参数：要匹配的字符串

返回值：匹配成功返回true，失败返回false

在只想知道目标字符串与某个模式是否匹配，但不需要知道其文本内容的情况下，使用这个方法非常方便。因此， test() 方法经常被用在 if 语句中。

4.2 exec()方法

exec(字符串)：该方法为专门为捕获组而设计的

参数：要匹配的字符串

返回值：返回的是一个数组。如果不匹配则返回null

关于返回值数组的说明：

它确实是Array的实例。

但是这个数组有两个额外的属性：index和input

index：表示匹配的字符串在源字符串中的索引

input：表示匹配的源字符串。

数组的第一项目是与整个模式匹配的字符串，其他项是与模式中捕获组匹配的字符串

如果没有捕获组，则数组中只有第一项。关于捕获组的概念以后再说

所以我们如果想找到全部匹配的字符串可以时候用循环，结束条件就是匹配结果为null

分组。在正则表达式中用()括起来任务是一组。组可以嵌套。


//最终运行结果：
girlGirl
Girl
-------------
Girlgirl
girl
------------

五、正则表达式规则(124)

表达式规则

/*****************************************单个字符*****************************************/
        // \ 转义字符,将下一个字符转换成为一个特殊字符或一个原义字符
        //例如'n'匹配原义字符"n"。'\n'匹配特殊字符换行符; "[]"匹配特殊字符[],而"\[\]"则匹配原义字符"[]"。
        // '\' 这个字符很特殊，在字符串也需要转义。用 '\\'表示。
        var str = "[ this is \\ a chr";
        console.log(str);
        //包含"["的正则表达式, 因为"[" 是特殊字符，需要转义一下
        // var parrent = /\[/; 
        var parrent = /\\/;
        console.log(parrent.test(str));

        // . 匹配除换行符外的任意字符
        // [a-z0-9] []是字符集合，表示匹配方括号中所包含的任意一个字符, -表示字符范围。匹配指定范围内的任意一个字符. 这里表示匹配a到z或0到9(即所有的小写字母或数字)中的任意一个字符   注意!!!!是一个字符!
        // [^a-z0-9] []中的^(脱字符)表示非,这里表示匹配除了a-z和0-9(即除了所有的小写字母或数字)以外的任意一个字符 
        // \d 匹配数字,效果同[0-9]
        // \D 匹配非数字,效果同[^0-9]
        // \w 匹配数字,字母,下划线,效果同[0-9a-zA-Z_]
        // \W 匹配非数字,字母,下划线,效果同[^0-9a-zA-Z_]
        // \s 匹配任何空白字符，包括空格、换页符、换行符、回车符、制表符等等。等价于[ \f\n\r\t]。
        // \S 匹配非空字符,等价于[^ \f\n\r\t]

        //匹配 数字、字母中的任意一个和ABC
        var parrent = /[0-9a-zA-Z]ABC/i;
        var str = "eABcCds_ABCsdf";
        console.log(parrent.test(str));

        //匹配 数字、空白字符中的任意一个
        var str = "this is 3haha";
        var parrent = /[\d\s]/;
        console.log(parrent.test(str));

        //匹配 包含 b和空白字符和x
        var str = "this is b xhaha.";
        var parrent = /b\sx/;
        console.log(parrent.test(str));

        //按照空格或,或!中的任意一个进行字符串切割
        var str = "this is a box,box,box!";
        console.log(str.split(/[ ,!]/));


    /*****************************************锚字符*****************************************/
        // ^ 行首匹配 和 在[]字符集和中的 ^ 不是一个意思。
        // $ 行尾匹配
        
        //首字符不能是数字（不能以数字开头）
        var parrent = /^\D/;
        var str = "_cdd";
        console.log(parrent.test(str));

        //首字符必须是数字（以数字开头）
        var parrent = /^\d/;
        console.log(parrent.test(str));

        //必须以字母结尾
        var parrent = /[a-zA-Z]$/;
        var str = "ss_";
        console.log(parrent.test(str));     


    /*****************************************匹配多个字符*****************************************/
    /*以下的x,y,z均为假设的普通字符,不是正则表达式元字符*/
        //(xyz) 匹配括号内的xyz(作为一组整体去匹配)
        //x?  匹配0个或1个x
        //x*  匹配0个或者任意多个x   延伸: .* 表示匹配0个或者任意多个任意字符(除换行符以外)
        //x+  匹配至少一个x
        //x{n}   匹配确定的n个x (n是一个非负整数)         注意：是连续的
        //x{n,}  匹配至少n个x (n是一个非负整数)           注意：是连续的
        //x{n,m} 匹配至少n个,最多m个x (n,m是非负整数,n<=m) 注意：是连续的
        //x|y    |表示或 ,这里指匹配x或y

        //匹配 2-4个Google
        var parrent = /(Google){2,4}/;
        // var parrent = /(Google){2,}/;
        var parrent = /(Google){3}/;
        // var parrent = /(Google)+/;
        var str = "Google2GoogleGoogleGoogle";
        console.log(parrent.test(str));

        //匹配 Google或者baidu或者bing
        var parrent = /Google|baidu|bing/;
        var str = "Goobaidugleddd";
        console.log(parrent.test(str));

六、常用正则表示==(128)==

1、检查邮政编码
var pattern = /[1-9][0-9]{5}/; //共6位数字，第一位不能为0
var str = '224000';
alert(pattern.test(str));
2、检查文件压缩包
var pattern = /[\w]+\.zip|rar|gz/; //\w 表示所有数字和字母加下划线
var str = '123.zip'; //\.表示匹配.，后面是一个选择
alert(pattern.test(str));
3、删除多余空格
var pattern = /\s/g; //g 必须全局，才能全部匹配
var reg=new RegExp('\\s+','g');
var str = '111 222 333';
var result = str.replace(pattern,''); //把空格匹配成无空格
alert(result);
4、删除空格
var pattern = /^\s+/; 
var str = ' goo gle ';
alert(str+"  "+str.length);
var result = str.replace(pattern, '');
alert(result+" "+result.length);
pattern = /\s+$/; 
result = result.replace(pattern, '');
alert(result+" "+result.length);
pattern = /\s+/g; 
result = result.replace(pattern, '');
alert(result+" "+result.length);
5、简单的电子邮件验证
var pattern = /^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-9_\.\-]+)\.([a-zA-Z]{2,4})$/;
var str = '[email protected]';
alert(pattern.test(str));
var pattern = /^([\w\.\-]+)@([\w\.\-]+)\.([\w]{2,4})$/;
var str = '[email protected]';
alert(pattern.test(str));

七、支持正则表达式的字符串方法

方法	描述
search	检索与正则表达式相匹配的第一个匹配项的索引。
match	找到一个或多个正则表达式的匹配。
replace	替换与正则表达式匹配的子串。
split	把字符串分割为字符串数组。

正则表达式