怎样做百度口碑推广自己的网站,面备案网站建设,网页设计与制作实训报告心得体会2000字,新浪短链接生成工具好久都没有写博客了#xff0c;主要是太懒了#xff0c;尤其是在阳春三月#xff0c;风和日丽的日子#xff0c;太阳暖暖的照在身上#xff0c;真想美美的睡上一觉。就导致了这篇博客拖到现在才开始动笔#xff0c;javascript的正则这一块也不是什么新的东西#xff0c;…好久都没有写博客了主要是太懒了尤其是在阳春三月风和日丽的日子太阳暖暖的照在身上真想美美的睡上一觉。就导致了这篇博客拖到现在才开始动笔javascript的正则这一块也不是什么新的东西主要是以前本人一遇到写正则的需求就开始头大头疼网上剽窃东拼西凑反正就是各种不适应所以我打算系统的把正则表达式看一遍一来是自己有所提升这一块知识点的查漏补缺二来是给大家分享一下。好了下面我们直接进入主题正则是匹配字符串特定模式的一种表达式官方是这样说的但我的理解不外乎就是匹配字符窜嘛举个例子大家就明白了。比如我们要验证邮箱试想一下如果我们不用正则来匹配直接用代码循环判断各种捣鼓来验证还真是一件非常麻烦的事情。如果用正则怎么来做了这里为了照顾小白(当然我也是重小白走来的所以小白很单纯小白很善良小白很伟大)我就写伪正则来描述 所有0-9或者a-z或者A-Z的字符出现一次到多次 加上(就是前面出现了的所有0-9...的字符跟上) .或者_出现0次或者1次然后在跟上 符号 跟上 xxx.xx这种格式。 不知道我这样来描述各位亲有没有明白一点不明白也不要紧这里我只是随便举个列子提一下在下文的某个位置我会专门一步一步分析几个非常复杂的正则表达让大家能够很快的明白正则的语义。上面举了一个邮箱地址的正则表达式比如这一窜/^([a-zA-Z0-9][_|\_|\.]?)*[a-zA-Z0-9]([a-zA-Z0-9][_|\_|\.]?)*[a-zA-Z0-9]\.[a-zA-Z]{2,3}$/要看懂坑爹的这一窜还得从基础一步一步的来。首先给大家介绍javascript经常使用正则的对象和方法RegExp 这个是正则对象 比如匹配字符串1234中的23可以这样玩 (new RegExp(23)).test(1234); //out true;当然正则对象还有一种写法var reg /23/; reg.test(1234) //out true;RegExp.test(String) ; //这个方法上面的用上了匹配字符串是否为指定格式RegExp.exec(String); //返回查询的值var str 123 aa cat Cat caT;var reg /cat/i;reg.exec(str); // out cat 如果有则返回没有的话就返回nullString.search(RegExp) ; // 返回索引位置类似indexOf()var data 123123,213,12312,312,3,Cat,cat,dsfsdfs,;var reCat /cat/gi;alert(data.search(reCat)); //out 23String.replace(RegExp, String); // 将字符串替换成另外一个字符窜RegExp指定的格式String要替换的字符串var str 1234aa67aa89;var reg /aa/gi;str.replace(reg, ) ; //out 12346789String.split(RegExp) ; // 将字符串拆分成数组var str 1234aa67aa89;var reg /aa/gi;str.split(reg) ; //out [1234, 67, 89]String.match(RegExp); //将指定格式的字符串以数组的方式返回var data 123123,213,12312,312,3,Cat,cat,dsfsdfs,;var reCat /cat/gi;var arrMactches data.match(reCat); // out [Cat, cat]上面的的方法是在字符串过滤操作中经常用到的方法 当然还有一些我没有全部列举出来用到了在去差API也不迟好了我们熟悉了操作正则的这些方法之后我们紧接着正则表达式了所谓表达式意思就是用一些字符按照先后顺序组合在一起表示的一层含义所以我们先要重正则表达式的元字符说起其实元字符就相当于javascript语言的关键字比如你定义变量不能这样干 var if xxxx; 正则有一下一些元字符{ [ ^ | $ ] } ? * . 这些都是正则的元字符这里我就不解释意思了用到了时候再来分析。如果大家想知道可以找度娘字符类字符类是用于测试字符串的组合 将一些字符放入方括号中就可以有效的告诉正则表达式去匹配第一个第二个第三个...比如/[abc]/,这个又称之为简单类简单类var str cat 123 caT 234 cAt 345 CaT;var reg /cat/gi;str.match(reg) ; //out [cat, caT, cAt, CaT]负向类和范围类: 这里要解释下^ -这两个符号 ^这个符号的意思就是取反而-是范围 g表示全局i表示忽略大小写/[^2-3a-z]/gi 所以这句话的意思就是: 除了2到3和a到z的所有字符出现1次到多次并且在全局中忽略大小写。其实细心的看官这里还会发现一个知识点 2-3a-z这一句其实是一个组合又称之为组合类下面的这个实例就用到了正则的几个知识点 1.负向类意思就是取反 2. 范围类 3.组合类相当于逻辑运算符的并且var str cat123caT234cAt345CaT;var reg /[^2-3a-z]/gi;str.match(reg); //out [1, 4, 45]预定义类代码 等同于 匹配. [^\n\r] 除了换行和回车符之外的任意字符\d [0-9] 数字\D [^0-9] 非数字字符\s [\t\n\x0b\f\r] 空白字符\S [^\t\n\x0b\f\r] 非空白字符\w [a-zA-Z_0-9] 单词字符所有的字符数字下划线\W [^a-zA-Z_0-9] 非单词字符量词量词是可以指某个特定模式出现的次数可以是硬性量词比如某个字符出现三次也可以是软性量词比如某个字符至少出现一次。正则中的量词有以下这些贪婪量词 出现零次到一次 至少出现一次或者多次* 出现0次到多次{n} 出现n次{n,m}出现n次到m次{n,} 至少出现n次或者n次说道量词的话有贪婪 惰性和支配量词以上的这些量词都是贪婪量词由于javascript正则引擎对支配量词支持不是很好所以我们这里重点来说贪婪和惰性量词先把惰性量词列出来之后在来说说他们的关系和区别惰性量词 出现零次到一次 至少出现一次或者多次* 出现零次到多次{n}? 出现n次{n,m}? 出现n次到m次{n,}? 至少出现n次或者n次贪婪量词在匹配字符串的时候首先看是否匹配字符串如果没有找到匹配的则去掉字符串中最后一个字符再次尝试整个过程一直重复直到字符串为空时停止。而惰性量词正好相反首先查看字符串中第一个字符是否匹配否则在读入下一个字符在进行匹配直至重复这个过程到读入整个字符窜都不匹配时停止。可能说了这些多还是不太明白下面我会举个例子帮助大家理解var str abbbaabbbaaabbb1234;var re1 /.*bbb/g; //贪婪匹配var re2 /.*?bbb/g; //惰性匹配alert(str.match(re1));alert(str.match(re2));亲你觉得第一个alert会输出什么呢如果是[abb, aabbb, aaabbb]的话的 那么恭喜你答错了前面说过*是贪婪量词它在匹配的时候会首先匹配整个字符串是从字符串的尾部操作的当去掉字符1的时候就发现剩下的字符串abbbaabbbaaabbb已经达到它匹配的要求了所以它返回的结果就是字符串abbbaabbbaaabbb, 而第二个alert为啥子会打印[abbb,aabbb,aaabbb]呢我们再来一步一步的看这个是惰性匹配所以它在匹配字符串的时候是从字符串开始的部分取出第一个字符进行匹配发现不行在取下一个还是不行直至取到了abbb.好现在发现匹配了然后将这个装进数组 在从剩下的字符串里面取直至最后将符合指定模式的子字符串装进数组所以最后就返回[abbb,aabbb,aaabbb]。只要稍微花点心思动动手还是很容易就理解了。好了关于正则的量词的一些知识点就讲到这里万里长征才走一半下面接到说正则的复杂模式上面说到的字符类那一块都是正则的简单模式只能做一些简单的字母数字汉字长度等效验如果在掌握了下面的复杂模式就可以非常牛逼的匹配各种复杂蛋痛的字符串模式了比如邮箱身份证验证标签过滤包括jquery类选择器sizzle引擎过滤器。好了直接切入主题吧复杂分组分组模式分组模式就那么回事我用一个例子或许你一下子就豁然开朗了//如果要匹配andand的怎么做呢你也许会说可以这样干var str asdfandandcxhksdf;var reg /andand/gi;alert(reg.test(str)); //output true//好的亲这样匹配也是可以的但是有不知道多少and怎么办呢//不可能全部加在正则表达式里面吧此时分组的便捷性就体现出了//出了它的优势我们可以这样干var reg /(and){2}/g; //注意这里()是元字符分组的意思{2} 是量词贪婪量词捕获分组模式指的是RegExp.$1这个属性的值这个值就是正则中一个分组的值在这个对象RegExp中定义了最多支持RegExp.$1-RegExp.$100个分组值还是来个例子吧var str asdffirstfirstsecondsecond1234;var reg /(first){2}(second){2}/gi;reg test(str); // 要必须匹配之后才有下面的值alert(RegExp $1); //output firstalert(RegExp $2); //output second非捕获分组模式上面说了捕获分组那非捕获分组其实就是不让RegExp.$1引用了,这里要说一点的是在捕获分组中RegExp.$1会创建正则的反向引用的存储空间所以在进行捕获分组时会有更多的空间开销还会降低匹配速度。那现在晓得非捕获分组的好处了吧。简单的说就是在正则表达式()里面加上一个问号和冒号/(?:first)/,语法就是这样的还是看代码吧var str #123456789;var reg /#(?:\d)/;reg.test(str);alert(RegExp.$1); //output 注意这里取消了反向引用就为空了候选模式候选我的理解就是或者举个例子比如你要对一个表达式同时匹配red, black的话怎么做呢 如果是在以前的话就要写两个正则来进行分别匹配而加入了候选就可以非常方便的操作了还是上代码吧var str1 111red222;var str2 111black111;var reg /(red|black)/;alert(reg.test(str2)); //output truealert(reg.test(str1)); //output true前瞻模式有时候我们希望某个字符分组出现在另外一个字符分组之前才去捕获这相当于是在正则里面做判断了 果然是高级功能灰常强大我在写正则的时候也没有用到过 只是书上都说了 我还是把它搬到这里来出哈风头。 上代码吧/**前瞻又分为正向前瞻和反向前瞻*下面我会用代码加注释的方式加以描述*///正向前瞻var str1 bedroom;var str2 bedding;var reg /(bed(?room))/; //符号?来表示正向前瞻表示在字符串bedroom中如果bed后面有room的字符才捕获顺序执行alert(reg.test(str1)); //output truealert(RegExp.$1); //output bed 捕获到反向引用bed字符串alert(reg.test(str2)); //output true//反向前瞻var reg /(bed(?!ing))/; //符号?!来表示反向前瞻表示在字符串bedding中如果有ing子字符串才捕获逆序执行alert(reg.test(str2)); //output truealert(RegExp.$1); //output bed 捕获到反向引用bed字符串alert(reg.test(str1)); //output truealert(RegExp.$1);/*以上代码如果各位亲测试不通过的话那就是正则引擎不支持前瞻*/边界模式这个模式很重要也很常用比如去掉字符串的首尾空格那下面说说几种边界的可能^行的开始 $行的结尾 \b单词的边界 \B非单词的边界//用一个例子来说明边界var str xiaoming var reg /(^\s)|\s$/g; //(^\s)去除字符串开始位置的空格\s$去除字符串尾部空格|这个符号想必不用我说了吧候选var str str.replace(reg, );alert(str); //output xiaoming多行模式这个也是正则复杂模式里面最后一个模式了也不经常用不管你信不信反正我是信了还是直接来看代码吧//请看下面这个实例\n在前面的预定类表示换行var str first\nsecond\nthread;var reg /^(\w)/g;alert(str.match(reg)); //output 若不指定m行的话就输出firstvar reg /^(\w)/gm;alert(str.match(reg)); //output [first, second, thread]到目前为止正则表达式的语法规则各种都已经说完了如果各位小白认真的看到这里我们在来分析文章开头说的邮箱验证表达式就非常容易了。好现在我们就来一步一步的分析那个非常蛋痛的表达式首先我们要来拆分这段表达式我会用不同的颜色来表示这段表达式的每一段这里就用到了一种思想分而治之太复杂的东西不利于直观的表达某些东西所以拆分打碎各个击破/^([a-zA-Z0-9][_|\_|\.]?)*[a-zA-Z0-9]([a-zA-Z0-9][_|\_|\.]?)*[a-zA-Z0-9]\.[a-zA-Z]{2,3}$/1.([a-zA-Z0-9][_|\_|\.]?)* 这一段表示的是一个分组分组()里面首先是[a-zA-Z0-9]意思是匹配字符串大小写字母数字后面紧跟一个,这个是贪婪量词1次到多次前面提到过的。[a-zA-Z0-9]而这一段的意思就是说大小写字母数字匹配1次到多次[_|\_|\.]?而这个呢是符号_或者.出现0次到一次。整个这段表达式的意思就是所有大小写字母数字出现1次到多次紧接着符号_和.出现0次到一次在把这两个条件加起来成为一个组这个组的格式又可以出现0次到多次。2.[a-zA-Z0-9] 这段就不用说了吧上面也说了就是大小写字符数字出现1次到多次3.([a-zA-Z0-9][_|\_|\.]?)* 这个理解起来就简单了以字符开头上面那个分组出现0次到多次的这个格式4.\.[a-zA-Z]{2,3} 这个表达式呢还是比较容易也是以字符.开头所有大小写字母出现两次或者三次5./^$/ 这两个符号是表示从字符串的开始匹配到行的结束。看到这里大家是不是对正则表达式的认识更深了一些呢 如果还不行话在给大家分析一个实例吧 /^((0?[1-9])|((1|2)[0-9])|30|31)$/ 这个正则的意思是验证一个月的31天正确格式是01、09和1、31。首先我们还是来拆分 /^((0?[1-9])|((1|2)[0-9])|30|31)$/1.首先这个表达式中出现了三个黑色的|候选符号意思就是说可以匹配四种情况2.(0?[1-9]) 这个表达式是匹配 0出现0次或者一次紧接着跟上数字出现一次这是一种情况如01 09, 1, 9这些3.((1|2)[0-9]) 这个分组表示的是1或者2出现一次紧接着跟上0-9出现一个又是一种情况如10,19,20,294.30|31 这个就更简单了30或者31只能出现一次。到此这篇关于javascript中正则表达式语法详解的文章就介绍到这了,更多相关javascript正则表达式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家
