【JavaScript】--正则表达式

    在学习ASP.NET的验证控件的时候，就用到了正则表达式，但是那都是封装好的，直接拉取就行了，那到底正则表达式是怎么来的，又是用来干什么的呢？现在让我们来了解一下！


    咱们在开始正题之前先明白几个名词：ECMAScript，JavaScript，JScript。
    其实用通俗一点的话来概括就是：ECMAscript是后两者的“老大”，ECMAScript是比较标准的脚本程序设计语言，而JavaScript和JScript是ECMAscript的扩展和实现。

什么是正则表达式？

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

正则表达式是用来干什么的？


    当用户输入数据并单击按钮以后，要返回到服务器端进行一系列的验证，确认数据的输入格式是否正确，然后再进行其他方面的验证!服务器要做的很多，如果我们每个数据都要这样放到服务器端进行基础格式的验证，是非常大材小用并且耗费资源的，所以JS就引进了正则表达式来把一些关于数据的基础性的验证（比如格式是否正确，是否是数字等）放在客户端，而服务器只进行单击按钮以后的复杂的验证，这样就大大减少了服务器的负担，并且也增强了用户体验！

正则表达式如何创建？


    正则表达式的创建有两种方式：new运算符创建或者字面量方式创建
new运算符创建：

     var box = new  RegExp('Box','ig');//new运算符创建，第二个参数是可选的模式修饰符

字面量方式创建：

     var box = /Box/ig;//字面量方式创建，第二个参数是可选的模式修饰符

可选修饰符的表达式和代表的意思为：
          

正则表达式是如何工作的呢？
     

 1、利用RegExp类的两个方法：test()、exec();

 
test（）方法：

           var Box=new ('Box'); //用new运算符创建正则表达式，注意是否有修饰符            
           var str=' This is a box';
           alert(Box.test(str));//因为“This is a box”里面不包含“Box”，所以返回false。




           var Box=/Box/i;//用字面量方法创建爱你正则表达式，注意修饰符
           var str=' This is a box';
           alert(Box.test(str));//根据修饰符“i”可以知道，此正则表达式匹配的时候不区分大小写，又因为“This is a box”里面包含“Box”，所以返回true

exec()方法：

           var pattern = /box/i; //注意修饰符
           var str = 'This is a Box!， This is a Box!';
           alert(pattern.exec(str));//因为字符串中“This is a Box! This is a Box!”里面有“box”而且pattern不区分大小写，所以返回Box。           

2、String类的四种使用正则表达式的方法
   

下面只举两个例子来说明用法：

serch方法：

       var pattern = /box/ig; //在全局下不区分大小写
       var str = 'This is a Box!，That is a Box too';
       alert(str.search(pattern));   //从字符串的第一个字符为“0”数起，一个空格算一个字符，那么第一个出现pattern，也就是“box”的字符序号为10，所以返回值为10.

split方法：

       var pattern = / /ig; //以空格作为正则表达式，不区分大小写，作用域全局
       var str = 'This is a Box!，That is a Box too';
       alert(str.split(pattern));//将str变量所代表的字符串以空格分隔开组成数组，返回值为：[This,is,a,Box!,That,is,a,Box,too]以逗号隔开的数组。

还可以用字符代表书写正则表达式：
     

元字符/元符号	匹配情况
.	匹配除换行符外的任意字符
[a-z0-9]	匹配括号中的字符集中的任意字符
[^a-z0-9]	匹配任意不在括号中的字符集中的字符
\d	匹配数字
\D	匹配非数字，同[^0-9]相同
\w	匹配字母和数字及_
\W	匹配非字母和数字及_

元字符/元符号	匹配情况
\0	匹配 null 字符
\b	匹配空格字符
\f	匹配进纸字符
\n	匹配换行符
\r	匹配回车字符
\t	匹配制表符
\s	匹配空白字符、空格、制表符和换行符
\S	匹配非空白字符

元字符/元符号	匹配情况
^	行首匹配
$	行尾匹配
\A	只有匹配字符串开始处
\b	匹配单词边界，词在[]内时无效
\B	匹配非单词边界
\G	匹配当前搜索的开始位置
\Z	匹配字符串结束处或行尾
\z	只匹配字符串结束处

元字符/元符号	匹配情况
x?	匹配 0 个或 1 个 x
x*	匹配 0 个或任意多个 x
x+	匹配至少一个 x
(xyz)+	匹配至少一个(xyz)
x{m,n}	匹配最少 m 个、最多 n 个 x

元字符/元符号	匹配情况
this|where|logo	匹配 this 或 where 或 logo 中任意一字符类
(string)	用于反向引用的分组
\1 或$1	匹配第一个分组中的内容
\2 或$2	匹配第二个分组中的内容
\3 或$3	匹配第三个分组中的内容

常用的正则表达式用到了以上表中的标记：
1、检查邮政编码

        var pattern = /[1-9][0-9]{5}/;    共 6 位数字，第一位不能为 0
        var str = '224000';
        alert(pattern.test(str));

2、简单的电子邮件认证 

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

总结：


这些只是基础知识的应用，以后只有在项目中才可以得到更好的应用，在此只是做积累！