入门正则表达式
正则表达式的web开发中的常见场合 1:邮箱验证 2:用户名验证 3:替换字符串某一部分 4:信息采集,用来分析有效的代码段 ..... 正则表达式:规则表达式 "一种有规律的字符串的描述" 正则表达式是一门独立的知识,同样的一段描述,比如,对于email的匹配表达式, 在不同语言是一样的,但是,调用的函数可能不一样. 学习正则表达式 1:在js里,如果写一个正则表达式,"/正则表达式/"(不含双引号) 2:在js里,用正则表达来验证字符串是否满足,可以用reg.test(String);//验证 3: js,用正则表达式的.exec函数,用来查找匹配的选项,并把查到的值取出.//查找 4:字符串应用正则, string.match(reg),正则查找字符串 string.search(reg),正则查找位置 string.replace(reg,'newstr');正则替换 String.split(reg);正则拆分
正则表达式3句话 1:要找什么字符? 2:从哪儿找? 3:找几个? 1.要找什么字符? 1.1字面值,"hi",就是找"hi" 1.2字符集合来表示,[abcd],指匹配abcd中的任意一个 1.3用范围来表示字符[0-9],[a-z][A-Z] 1.4字符"簇"(就是系统为常用的字符集合创建的一个简写) 例:d---->[0-9],w--->[0-9a-zA-Z_],s------->[tvfrn](空白符) 1.5补集的形式来表示字符集合. 例:[0-9]===>[^0-9],[abcef]===>[^abcef] 对于字符簇,只需把字母大写,即可表示补集 [d]====>[D],[w]===>[W],[s]==>[S](非空白字符) 1.6"."代表"任意字符,不包括换行符"
2:从哪儿找,找到哪儿? 2.1b,====>'单词边界' bhi===>从单词的边界开始匹配,hi 2.2B===>单词的非边界,把单词中间的某一部分取出来 把中间含有hi的单词取出,即hi不能在两端 2.3^caret,从"字符串的起始位置开始匹配", 2.4$,匹配到字符串的结束位置 3:找多少 *:0--->N===>等价{0,} +:[1,N]====>等价{1,} ?:[0,1]====>等价{0,1} a{n}:字符a准确的出现n次 a{n,}:字符a至少出现次 a{n,m},n-->m次 个数修饰符默认是贪婪模式,尽量多找 "个数修饰符后面加?",则为非贪婪模式,尽量少的找. 模式: 以匹配为例,默认情况,match找到一次就结束, 能否告诉匹配过程,一直找,在全文范围内一直找. g->全局模式,global[找所有的,而不是找一次结束] i--->忽略大小写ignore m->多行模式 s-->单行模式(把整个字符串看成一行)(js不支持单行模式) 在js里,不支持单行的情况下,如何换行? --->什么样的模式能代表"所有"字符串 ==>用[dD],[sS],[wW] <script type="text/javascript"> function t1() { var v = document.getElementsByName('str')[0].value; var patt = /hi/; alert(patt.test(v)); } function t2(){ var v = document.getElementsByName('str')[0].value; var patt = /^hi$/; // 并不是意味着从字符串的开始处找,而是找字符串的开始标志 alert(patt.test(v)); } function t3(){ var v = document.getElementsByName('str')[0].value; var patt = /bhib/; // 并不是意味着从字符串的开始处找,而是找字符串的开始标志 alert(patt.test(v)); } </script> <style type="text/css"> </style> </head> <body> <h2>从哪儿找</h2> <p>可以从字符串的开始处找,也可以找到字符串的结尾 也可以从单词的开始或结果处,或单词的非边界<br /> 字符串的开始: ^<br /> 字符串的结尾: $<br /> 单词的边界:b <br /> 单词的非边界:B<br /> </p> <input type="text" name="str" /><br /> <input type="submit" value="字符串中有没有hi字符串" onclick="t1();" /><br /> <input type="submit" value="字符串就是hi" onclick="t2();" /><br /> <input type="submit" value="找有没有hi单词" onclick="t3();" /><br /> </body> </html> <script type="text/javascript"> function t1() { var v = document.getElementsByName('str')[0].value; var patt = /[347]/; alert(patt.test(v)); } function t2() { var v = document.getElementsByName('str')[0].value; var patt = /[0-9]/; alert(patt.test(v)); } function t3() { var v = document.getElementsByName('str')[0].value; var patt = /<p>.</p>/; alert(patt.test(v)); } </script> <style type="text/css"> </style> </head> <body> <h2>找谁</h2> <p> 1:字面值,比如'hi',代表找'hi'<br /> 2:集合来表示[347]<br /> 3:范围,[0-9],[a-z],[A-Z]<br /> 4: "."表示任意单个字符(不包含换行符) </p> <textarea name="str" /></textarea><br /> <input type="submit" value="判断手机号有没有3,4,7" onclick="t1();" /><br /> <input type="submit" value="判断字符串有没有数字" onclick="t2();" /><br /> <input type="submit" value="任意字符" onclick="t3();" /><br /> </body> </html> <script type="text/javascript"> function t1() { var v = document.getElementsByName('str')[0].value; var patt = /<p>.{2,3}</p>/; alert(patt.test(v)); } function t2() { var v = document.getElementsByName('str')[0].value; var patt = /<p>.{2}</p>/; alert(patt.test(v)); } function t3() { var v = document.getElementsByName('str')[0].value; var patt = /<p>.{2,}</p>/; alert(patt.test(v)); } </script> <style type="text/css"> </style> </head> <body> <h2>找多少个</h2> <p> 1:用数字准确描述,找多少个.<br /> 在要找的字符后面{n,n<m,例{2,3},出现2到3次,n 到m次<br /> 2:只用n,例如{2},表示准确的n次<br /> 3:用{n,},例如{2,表示至少2次,即[2,无穷大]<br /> 4:{0,0->N次,用"*"来简化 5:{1,1->N次,用"+"来简化 6:{0,1},0->1次,用"?"来简化 </p> <textarea name="str" /></textarea><br /> <input type="submit" value="判断P中的字符有2-3个" onclick="t1();" /><br /> <input type="submit" value="判断P中的字符有2个" onclick="t2();" /><br /> <input type="submit" value="判断P中的字符xxx" onclick="t3();" /><br /> </body> </html> <script type="text/javascript"> //判断单词中有连续重复的字符 function t1() { var v = document.getElementsByName('str')[0].value; var tagg=/[a-z]+([a-z])1+[a-z]+/; alert(tagg.test(v)); } //判断单词是否首尾相同 function t2() { var v = document.getElementsByName('str')[0].value; var patt =/^([a-z])+[a-z]+1$/; alert(patt.test(v)); } </script> <style type="text/css"> </style> </head> <body> <h2>反向引用</h2> <p> 找有连续重复字符的单词,比如 good,piiig,abc<br /> 如果找到一个a,应该紧接着判断,后面还有a,要把a记忆下来,--->反向引用 </p> <textarea name="str" /></textarea><br /> <input type="submit" value="判断单词中有连续重复的字符" onclick="t1();" /><br /> <input type="submit" value="判断单词是否首尾相同" onclick="t2();" /><br /> </body> </html> <script type="text/javascript"> /**** 在正则的匹配的时候,用n表示第几个()的内容 在正则替换的时候,用$n来表示第几个()的内容 在PHP中,无论是匹配还是替换,用n,和$n都一样. ****/ function t1() { var vo = document.getElementsByName('str')[0]; var patt=/([0-9]{3})[0-9]{4}([0-9]{4})/; vo.value=vo.value.replace(patt,"$1****$2"); } // var patt = /([0-9]{3})[0-9]{4}([0-9]{4})/; // vo.value = vo.value.replace(patt,"$1****$2"); </script> <style type="text/css"> </style> </head> <body> <h2>反向引用替换手机号</h2> <p> </p> <textarea name="str" /></textarea><br /> <input type="submit" value="把手机号中间4位换成*" onclick="t1();" /><br /> </body> </html> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |