【JS总结】——正则表达式浅析

前端之家收集整理的这篇文章主要介绍了【JS总结】——正则表达式浅析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

JS视频实在是太多集了,还是分阶段慢慢看吧,重要的是阶段性的总结,要不自己都不知道自己这段时间学了什么。


JS前30集讲的内容比较基础,很多东西都是以前接触过的,所以理解起来不难,就像老师说的,其实很多语言都是相似的,只不过换了一种规则罢了。下面就看看到底有哪些是学过的,还有哪些是新东西吧。


标签

JS视频中讲了charset、src、type等标签,其实这些都是以前学的HTML中提到过的。


语法

这一部分主要是规定了JS的书写规则,比如区分大小写、标识符等等。


数据类型

讲了几种属于JS的数据类型,比如String类型、Object类型。


运算符、函数、对象、数组、流程控制语句、作用域,这些都是一门语言中最基本的东西,每一门语言都会涉及到,只不过它们都有各自的表现形式罢了,但是它们的“神”都是一样的。所以说,这里面唯一算得上是新知识的就是正则表达式了,前面学到了用正则表达式做验证,但是它到底是怎么做验证的呢?


什么是正则表达式

ECMAScript中的RegExp类表示正则表达式是一个描述字符模式的对象。主要用来验证客户端的输入数据、用户填写完表单后,对表单进行验证。

如何创建
正则表达式的创建有两种方式,一种是
var Box=/Box/;     “//”用来表示正则
另一种是
var Box=new RegExp();     new运算符创建

如何验证
RegExp对象包括两个方法:test()和exec(),用于测试字符串匹配。

除了RegExp对象的两个方法,String对象也具有测试方法,分别为match()、search()、split()、replace()。

详解
所谓的正则表达式只是一系列的规则,满足这个规则,便验证成功;不满足这个规则,那么验证失败。先看一个简单的小例子:
var pattern=/(google){4,8}/;
var str='googlegooglegooglegoogle';
alert(pattren.test(str));
这一段代码中,pattern定义了正则表达式,也就是
/(google){4,8}/

“//”之间的部分就是正则表达式,意思是“google这个字符串要重复4到8次”,下面的str则是定义了被验证的字符串,最后一句也就是输出验证的结果,test()方法返回的结果是True和False,如果验证成功,则为True,反之为False。

这就是一个完整的正则表达式的验证过程了,其实说起正则表达式,并不复杂,只是“//”之间的规则不同罢了,有些验证的规则比较简单,就比如上面这个例子;但是有些规则就比较复杂了,比如验证很复杂的Email地址。
剩下的,正则表达式要了解的也就是这些规则了,比如哪些字符用来匹配哪些字符、数字应该怎么匹配、字母应该怎么匹配、匹配的位数是怎样的等等。


这些就是匹配规则了,也就是要写到正则表达式中的东西,用他们去匹配字符,只要自己需要验证的字符串符合规则就验证成功。

贪婪和惰性
在正则表达式中,最值得介绍的当属贪婪和惰性。使用贪婪模式,则所有的字符串都被代替成为一个字符;使用惰性模式,则代替第一个字符,后面不匹配。其实看到定义,也就知道贪婪模式的匹配会将不需要该字符匹配的字符串也被该字符匹配,结果也就不如人愿了,所以就应该用惰性模式来禁止贪婪。惰性模式也就是匹配你想要匹配的字符,同样的,开启正则表达式的全局模式再加上惰性模式也可以禁止贪婪。下面这张表便是代表的贪婪模式和惰性模式下的匹配字符:

总结
在做机房收费系统的时候,都会限制文本框的输入位数、输入数字或汉字等限制。在我们合作的过程中,凤竹提过想用正则表达式来限制,我后来就想了想,如果用正则表达式验证的话,几乎是每种类型的文本框都要写表达式来验证输入,所以也得重复做很多工作,后来也就没继续进行下去,不过这个思路还是很好滴,有机会可以好好研究,大家如果有什么指导,请直接评论,谢谢啦!!!

猜你在找的正则表达式相关文章