【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;//字面量方式创建,第二个参数是可选的模式修饰符


可选修饰符的表达式和代表的意思为:
【JavaScript】--正则表达式_第1张图片          




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

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

【JavaScript】--正则表达式_第2张图片

 
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类的四种使用正则表达式的方法
   

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

【JavaScript】--正则表达式_第3张图片


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




总结:


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




   

你可能感兴趣的:(JAVASCRIPT基础)