cnblogs/dcrenl/[转载]javascript+ajax+jquery教程11--正则表达式.html
2024-09-24 12:43:01 +08:00

459 lines
30 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div id="sina_keyword_ad_area2" class="articalContent ">
<div class="blogzz_abstract borderc" style="padding-top:15px; margin:20px 0; border:none; border-top:1px dotted #ccc">
<div class="blogzz_ainfo" style="margin-bottom:12px"><span style="margin-right:25px"><strong>原文地址:</strong><a target="_blank" target="_blank" href="http://blog.sina.com.cn/s/blog_6568a85d0100m2ns.html" title="javascript&#43;ajax&#43;jquery教程11--正则表达式">javascript&#43;ajax&#43;jquery教程11--正则表达式</a></span><span><strong>作者:</strong><a target="_blank" href="http://blog.sina.com.cn/u/1701357661" title="morflame" target="_blank">morflame</a></span></div>
<div class="blogzz_acon">
<div>正则表达式可以:</div>
<div><br>
</div>
<div>测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证</div>
<div>替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字</div>
<div>根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字</div>
<div>正则表达式语法</div>
<div><br>
</div>
<div>一个正则表达式就是由普通字符(例如字符 a 到z以及特殊字符称为元字符组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板将某个字符模式与所搜索的字符串进行匹配。</div>
<div><br>
</div>
<div>下表是元字符及其在正则表达式上下文中的行为的一个完整参考列表:</div>
<div><br>
</div>
<div>字符 描述</div>
<div>转义字符,在之前,我们在字符串也用过这字符,即一些字符具有特殊含义,对其进行转义使它成为普通字符,而用在普通字符上又表示其有特殊含义</div>
<div>^ 匹配输入字符串的开始位置,如果设置了匹配多行(m),那么也匹配行的开头</div>
<div>$ 匹配输入字符串的结束位置。如果设置了匹配多行(m),那么也匹配行的结束</div>
<div>* 匹配前面的子表达式零次或多次。例如zo* 能匹配 &quot;z&quot; 以及 &quot;zoo&quot;。 * 等价于{0,}。</div>
<div>&#43; 匹配前面的子表达式一次或多次。例如,'zo&#43;' 能匹配 &quot;zo&quot; 以及 &quot;zoo&quot;,但不能匹配 &quot;z&quot;&#43; 等价于{1,}。</div>
<div>? 匹配前面的子表达式零次或一次。例如,&quot;do(es)?&quot; 可以匹配 &quot;do&quot;&quot;does&quot; 中的&quot;do&quot; 。? 等价于{0,1}。</div>
<div>{n} n 是一个非负整数。匹配确定的 n 次。例如,'o{2}' 不能匹配 &quot;Bob&quot; 中的 'o',但是能匹配&quot;food&quot; 中的两个 o。</div>
<div>{n,} n 是一个非负整数。至少匹配n 次。例如,'o{2,}' 不能匹配 &quot;Bob&quot; 中的 'o',但能匹配&quot;foooood&quot; 中的所有 o。'o{1,}' 等价于 'o&#43;'。'o{0,}' 则等价于 'o*'。</div>
<div>{n,m} m 和 n 均为非负整数其中n &lt;= m。最少匹配 n 次且最多匹配 m次。刘 &quot;o{1,3}&quot; 将匹配 &quot;fooooood&quot; 中的前三个 o。'o{0,1}' 等价于'o?'。请注意在逗号和两个数之间不能有空&#26684;</div>
<div>? 当该字符紧跟在任何一个其他限制符 (*, &#43;, ?, {n}, {n,}, {n,m})后面时,匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串,而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如,对于字符串&quot;oooo&quot;'o&#43;?' 将匹配单个 &quot;o&quot;,而 'o&#43;' 将匹配所有 'o'。</div>
<div>. 匹配除 &quot;n&quot; 之外的任何单个字符。要匹配包括 'n' 在内的任何字符,请使用象 '[.n]'的模式。</div>
<div>(pattern) 匹配pattern 并获取这一匹配。所获取的匹配可以从产生的 Matches 集合得到,使用 $0…$9属性。要匹配圆括号字符请使用 '(' 或 ')'。</div>
<div>(?:pattern) 匹配 pattern 但不获取匹配结果,也就是说这是一个非获取匹配,不进行存储供以后使用。这在使用&quot;&quot; 字符 (|) 来组合一个模式的各个部分是很有用。例如, 'industr(?:y|ies) 就是一个比'industry|industries' 更简略的表达式。</div>
<div>(?=pattern) 正向预查,在任何匹配 pattern的字符串开始处匹配查找字符串。这是一个非获取匹配也就是说该匹配不需要获取供以后使用。例如 'Windows(?=95|98|NT|2000)' 能匹配 &quot;Windows 2000&quot; 中的 &quot;Windows&quot; ,但不能匹配 &quot;Windows3.1&quot; 中的&quot;Windows&quot;。预查不消耗字符,也就是说,在一个匹配发生后,在最后一次匹配之后立即开始下一次匹配的搜索,而不是从包含预查的字符之后开始。</div>
<div>(?!pattern) 负向预查在任何不匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配也就是说该匹配不需要获取供以后使用。例如'Windows(?!95|98|NT|2000)' 能匹配 &quot;Windows 3.1&quot; 中的 &quot;Windows&quot;,但不能匹配 &quot;Windows2000&quot; 中的&quot;Windows&quot;。预查不消耗字符,也就是说,在一个匹配发生后,在最后一次匹配之后立即开始下一次匹配的搜索,而不是从包含预查的字符之后开始</div>
<div>x|y 匹配 x 或 y。例如'z|food' 能匹配 &quot;z&quot;&quot;food&quot;。'(z|f)ood' 则匹配&quot;zood&quot;&quot;food&quot;</div>
<div>[xyz] 字符集合。匹配所包含的任意一个字符。例如, '[abc]' 可以匹配 &quot;plain&quot; 中的 'a'。</div>
<div>[^xyz] 负&#20540;字符集合。匹配未包含的任意字符。例如, '[^abc]' 可以匹配 &quot;plain&quot;中的'p'。</div>
<div>[a-z] 字符范围。匹配指定范围内的任意字符。例如,'[a-z]' 可以匹配 'a' 到 'z'范围内的任意小写字母字符。</div>
<div>[^a-z] 负&#20540;字符范围。匹配任何不在指定范围内的任意字符。例如,'[^a-z]' 可以匹配任何不在 'a' 到 'z'范围内的任意字符。</div>
<div>b 匹配一个单词边界,也就是指单词和空&#26684;间的位置。例如, 'erb' 可以匹配&quot;never&quot; 中的 'er',但不能匹配&quot;verb&quot; 中的 'er'。</div>
<div>B 匹配非单词边界。'erB' 能匹配 &quot;verb&quot; 中的 'er',但不能匹配 &quot;never&quot; 中的'er'。</div>
<div>cx 匹配由x指明的控制字符。例如 cM 匹配一个 Control-M 或回车符。 x 的&#20540;必须为 A-Z 或 a-z之一。否则将 c 视为一个原义的 'c' 字符。</div>
<div>d 匹配一个数字字符。等价于 [0-9]。</div>
<div>D 匹配一个非数字字符。等价于 [^0-9]。</div>
<div>f 匹配一个换页符。等价于 x0c 和 cL。</div>
<div>n 匹配一个换行符。等价于 x0a 和 cJ。</div>
<div>r 匹配一个回车符。等价于 x0d 和 cM。</div>
<div>s 匹配任何空白字符,包括空&#26684;、制表符、换页符等等。等价于 [?fnrtv]。</div>
<div>S 匹配任何非空白字符。等价于 [^?fnrtv]。</div>
<div>t 匹配一个制表符。等价于 x09 和 cI。</div>
<div>v 匹配一个垂直制表符。等价于 x0b 和 cK。</div>
<div>w 匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。</div>
<div>W 匹配任何非单词字符。等价于 '[^A-Za-z0-9_]'。</div>
<div>xn 匹配 n其中 n 为十六进制转义&#20540;。十六进制转义&#20540;必须为确定的两个数字长。例如, 'x41' 匹配&quot;A&quot;。'x041' 则等价于 'x04' &amp; &quot;1&quot;。正则表达式中可以使用 ASCII编码。.</div>
<div>num 匹配 num其中 num 是一个正整数。对所获取的匹配的引用。例如,'(.)1'匹配两个连续的相同字符。</div>
<div>n 标识一个八进制转义&#20540;或一个后向引用。如果 n 之前至少 n 个获取的子表达式,则 n 为后向引用。否则,如果 n为八进制数字 (0-7),则 n 为一个八进制转义&#20540;</div>
<div>nm 标识一个八进制转义&#20540;或一个后向引用。如果 nm 之前至少有is preceded by at least nm个获取得子表达式则 nm 为后向引用。如果 nm 之前至少有 n 个获取,则 n 为一个后跟文字 m的后向引用。如果前面的条件都不满足若? n 和 m 均为八进制数字 (0-7),则 nm 将匹配八进制转义&#20540; nm。</div>
<div>nml 如果 n 为八进制数字 (0-3),且 m 和 l 均为八进制数字 (0-7),则匹配八进制转义&#20540;nml。</div>
<div>un 匹配 n其中 n 是一个用四个十六进制数字表示的 Unicode 字符。例如, u00A9 匹配版权符号(?)。</div>
<div>创建正则表达式</div>
<div><br>
</div>
<div>var re = new RegExp();//RegExp是一个对象,和Aarray一样</div>
<div>//但这样没有任何效果,需要将正则表达式的内容作为字符串传递进去</div>
<div>re =new RegExp(&quot;a&quot;);//最简单的正则表达式,将匹配字母a</div>
<div>re=new RegExp(&quot;a&quot;,&quot;i&quot;);//第二个参数,表示匹配时不分大小写</div>
<div>RegExp构造函数第一个参数为正则表达式的文本内容,而第一个参数则为可选项标志.标志可以组合使用</div>
<div><br>
</div>
<div>g (全文查找)</div>
<div>i (忽略大小写)</div>
<div>m (多行查找)</div>
<div>var re = new RegExp(&quot;a&quot;,&quot;gi&quot;);//匹配所有的a或A</div>
<div>正则表达式还有另一种正则表达式字面量的声明方式</div>
<div><br>
</div>
<div>var re = /a/gi;</div>
<div>和正则表达式相关的方法和属性</div>
<div><br>
</div>
<div>正则表达式对象的方法</div>
<div><br>
</div>
<div>test,返回一个 Boolean &#20540;,它指出在被查找的字符串中是否存在模式。如果存在则返回 true否则就返回false。</div>
<div>exec,用正则表达式模式在字符串中运行查找,并返回包含该查找结果的一个数组。</div>
<div>compile,把正则表达式编译为内部&#26684;式,从而执行得更快。</div>
<div>正则表达式对象的属性</div>
<div><br>
</div>
<div>source,返回正则表达式模式的文本的复本。只读。</div>
<div>lastIndex,返回字符位置,它是被查找字符串中下一次成功匹配的开始位置。</div>
<div>$1...$9,返回九个在模式匹配期间找到的、最近保存的部分。只读。</div>
<div>input ($_),返回执行规范表述查找的字符串。只读。</div>
<div>lastMatch($&amp;),返回任何正则表达式搜索过程中的最后匹配的字符。只读。</div>
<div>lastParen ($&#43;),如果有的话,返回任何正则表达式查找过程中最后括的子匹配。只读。</div>
<div>leftContext ($`),返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符。只读。</div>
<div>rightContext ($'),返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符。只读。</div>
<div>String对象一些和正则表达式相关的方法</div>
<div><br>
</div>
<div>match,找到一个或多个正则表达式的匹配。</div>
<div>replace,替换与正则表达式匹配的子串。</div>
<div>search,检索与正则表达式相匹配的&#20540;</div>
<div>split,把字符串分割为字符串数组。</div>
<div>测试正则表达式是如何工作的!</div>
<div><br>
</div>
<div>//test方法,测试字符串,符合模式时返回true,否则返回false</div>
<div>var re = /he/;//最简单的正则表达式,将匹配he这个单词</div>
<div>var str = &quot;he&quot;;</div>
<div>alert(re.test(str));//true</div>
<div>str = &quot;we&quot;;</div>
<div>alert(re.test(str));//false</div>
<div>str = &quot;HE&quot;;</div>
<div>alert(re.test(str));//false,大写,如果要大小写都匹配可以指定i标志(i是ignoreCase或case-insensitive的表示)</div>
<div>re = /he/i;</div>
<div>alert(re.test(str));//true</div>
<div>str = &quot;Certainly!He loves her!&quot;;</div>
<div>alert(re.test(str));//true,只要包含he(HE)就符合,如果要只是he或HE,不能有其它字符,则可使用^和$</div>
<div>re = /^he/i;//脱字符(^)代表字符开始位置</div>
<div>alert(re.test(str));//false,因为he不在str最开始</div>
<div>str = &quot;He is a good boy!&quot;;</div>
<div>alert(re.test(str));//true,He是字符开始位置,还需要使用$</div>
<div>re = /^he$/i;//$表示字符结束位置</div>
<div>alert(re.test(str));//false</div>
<div>str = &quot;He&quot;;</div>
<div>alert(re.test(str));//true</div>
<div>//当然,这样不能发现正则表达式有多强大,因为我们完全可以在上面的例子中使用==或indexOf</div>
<div>re = /s/;// s匹配任何空白字符包括空&#26684;、制表符、换页符等等</div>
<div>str= &quot;user Name&quot;;//用户名包含空&#26684;</div>
<div>alert(re.test(str));//true</div>
<div>str = &quot;user Name&quot;;//用户名包含制表符</div>
<div>alert(re.test(str));//true</div>
<div>re=/^[a-z]/i;//[]匹配指定范围内的任意字符,这里将匹配英文字母,不区分大小写</div>
<div>str=&quot;variableName&quot;;//变量名必须以字母开头</div>
<div>alert(re.test(str));//true</div>
<div>str=&quot;123abc&quot;;</div>
<div>alert(re.test(str));//false</div>
<div>当然,仅仅知道了字符串是否匹配模式还不够,我们还需要知道哪些字符匹配了模式</div>
<div><br>
</div>
<div>var osVersion = &quot;Ubuntu 8&quot;;//其中的8表示系统主版本号</div>
<div>var re = /^[a-z]&#43;s&#43;d&#43;$/i;//&#43;号表示字符至少要出现1次,s表示空白字符,d表示一个数字</div>
<div>alert(re.test(osVersion));//true,但我们想知道主版本号</div>
<div>//另一个方法exec,返回一个数组,数组的第一个元素为完整的匹配内容</div>
<div>re=/^[a-z]&#43;s&#43;d&#43;$/i;</div>
<div>arr = re.exec(osVersion);</div>
<div>alert(arr[0]);//将osVersion完整输出,因为整个字符串刚好匹配re</div>
<div>//我只需要取出数字</div>
<div>re=/d&#43;/;</div>
<div>var arr = re.exec(osVersion);</div>
<div>alert(arr[0]);//8</div>
<div>更复杂的用法,使用子匹配</div>
<div><br>
</div>
<div>//exec返回的数组第1到n元素中包含的是匹配中出现的任意一个子匹配</div>
<div>re=/^[a-z]&#43;s&#43;(d&#43;)$/i;//用()来创建子匹配</div>
<div>arr =re.exec(osVersion);</div>
<div>alert(arr[0]);//整个osVersion,也就是正则表达式的完整匹配</div>
<div>alert(arr[1]);//8,第一个子匹配,事实也可以这样取出主版本号</div>
<div>alert(arr.length);//2</div>
<div>osVersion = &quot;Ubuntu 8.10&quot;;//取出主版本号和次版本号</div>
<div>re =/^[a-z]&#43;s&#43;(d&#43;).(d&#43;)$/i;//.是正则表达式元字符之一,若要用它的字面意义须转义</div>
<div>arr = re.exec(osVersion);</div>
<div>alert(arr[0]);//完整的osVersion</div>
<div>alert(arr[1]);//8</div>
<div>alert(arr[2]);//10</div>
<div>注意,当字符串不匹配re时,exec方法将返回null</div>
<div>String对象的一些和正则表达式有关的方法</div>
<div><br>
</div>
<div>//replace方法,用于替换字符串</div>
<div>var str =&quot;some money&quot;;</div>
<div>alert(str.replace(&quot;some&quot;,&quot;much&quot;));//much money</div>
<div>//replace的第一个参数可以为正则表达式</div>
<div>var re = /s/;//空白字符</div>
<div>alert(str.replace(re,&quot;%&quot;));//some%money</div>
<div>//在不知道字符串中有多少空白字符时,正则表达式极为方便</div>
<div>str =&quot;some some tsometf&quot;;</div>
<div>re = /s&#43;/;</div>
<div>alert(str.replace(re,&quot;#&quot;));//但这样只会将第一次出现的一堆空白字符替换掉</div>
<div>//因为一个正则表达式只能进行一次匹配,s&#43;匹配了第一个空&#26684;后就退出了</div>
<div>re = /s&#43;/g;//g,全局标志,将使正则表达式匹配整个字符串</div>
<div>alert(str.replace(re,&quot;@&quot;));//some@some@some@</div>
<div>//另一个与之相&#20284;的是split</div>
<div>var str = &quot;a-bd-c&quot;;</div>
<div>var arr = str.split(&quot;-&quot;);//返回[&quot;a&quot;,&quot;bd&quot;,&quot;c&quot;]</div>
<div>//如果str是用户输入的,他可能输入a-bd-c也可能输入a bdc或a_bd_c,但不会是abdc(这样就说他输错了)</div>
<div>str = &quot;a_db-c&quot;;//用户以他喜欢的方式加分隔符s</div>
<div>re=/[^a-z]/i;//前面我们说^表示字符开始,但在[]里它表示一个负字符集</div>
<div>//匹配任何不在指定范围内的任意字符,这里将匹配除字母处的所有字符</div>
<div>arr = str.split(re);//仍返回[&quot;a&quot;,&quot;bd&quot;,&quot;c&quot;];</div>
<div>//在字符串中查找时我们常用indexOf,与之对应用于正则查找的方法是search</div>
<div>str = &quot;My age is 18.Goldenage!&quot;;//年龄不是一定的,我们用indexOf不能查找它的位置</div>
<div>re = /d&#43;/;</div>
<div>alert(str.search(re));//返回查找到的字符串开始下标10</div>
<div>//注意,因为查找本身就是出现第一次就立即返回,所以无需在search时使用g标志</div>
<div>//下面的代码虽然不出错,但g标志是多余的</div>
<div>re=/d&#43;/g;</div>
<div>alert(str.search(re));//仍然是10</div>
<div>注意,当search方法没有找到匹配时,将返回-1</div>
<div>&#20284;于exec方法,String对象的match方法也用于将字符串与正则表达式进行匹配并返回结果数组</div>
<div><br>
</div>
<div>var str = &quot;My name is CJ.Hello everyone!&quot;;</div>
<div>var re = /[A-Z]/;//匹配所有大写字母</div>
<div>var arr = str.match(re);//返回数组</div>
<div>alert(arr);//数组中只会包含一个M,因为我们没有使用全局匹配</div>
<div>re = /[A-Z]/g;</div>
<div>arr = str.match(re);</div>
<div>alert(arr);//M,C,J,H</div>
<div>//从字符串中抽取单词</div>
<div>re = /b[a-z]b/i;//b表示单词边界</div>
<div>str = &quot;one two three four&quot;;</div>
<div>alert(str.match(re));//one,two,three,four</div>
<div>RegExp对象实例的一些属性</div>
<div><br>
</div>
<div>var re = /[a-z]/i;</div>
<div>alert(re.source);//将[a-z]字符串输出</div>
<div>//请注意,直接alert(re)会将正则表达式连同前向斜线与标志输出,这是re.toString方法定义的</div>
<div>每个RegExp对象的实例具有lastIndex属性,它是被查找字符串中下一次成功匹配的开始位置,默认&#20540;是-1。lastIndex 属性被 RegExp 对象的 exec 和 test 方法修改.并且它是可写的.</div>
<div><br>
</div>
<div>var re = /[A-Z]/;</div>
<div>//exec方法执行后,修改了re的lastIndex属性,</div>
<div>var str = &quot;Hello,World!!!&quot;;</div>
<div>var arr = re.exec(str);</div>
<div>alert(re.lastIndex);//0,因为没有设置全局标志</div>
<div>re = /[A-Z]/g;</div>
<div>arr = re.exec(str);</div>
<div>alert(re.lastIndex);//1</div>
<div>arr = re.exec(str);</div>
<div>alert(re.lastIndex);//7</div>
<div>当匹配失败后面没有匹配或lastIndex&#20540;大于字符串长度时再执行exec等方法会将lastIndex设为0(开始位置)</div>
<div><br>
</div>
<div>var re = /[A-Z]/;</div>
<div>var str = &quot;Hello,World!!!&quot;;</div>
<div>re.lastIndex = 120;</div>
<div>var arr = re.exec(str);</div>
<div>alert(re.lastIndex);//0</div>
<div>RegExp对象的静态属性</div>
<div><br>
</div>
<div>//input 最后用于匹配的字符串传递给test,exec方法的字符串</div>
<div>var re = /[A-Z]/;</div>
<div>var str = &quot;Hello,World!!!&quot;;</div>
<div>var arr = re.exec(str);</div>
<div>alert(RegExp.input);//Hello,World!!!</div>
<div>re.exec(&quot;tempstr&quot;);</div>
<div>alert(RegExp.input);//仍然是Hello,World!!!,因为tempstr不匹配</div>
<div>//lastMatch 最后匹配的字符</div>
<div>re = /[a-z]/g;</div>
<div>str = &quot;hi&quot;;</div>
<div>re.test(str);</div>
<div>alert(RegExp.lastMatch);//h</div>
<div>re.test(str);</div>
<div>alert(RegExp[&quot;$&amp;&quot;]);//i&nbsp;<wbr>,$&amp;是lastMatch的短名字但由于它不是合法变量名所以要。。</div>
<div>//lastParen 最后匹配的分组</div>
<div>re = /[a-z](d&#43;)/gi;</div>
<div>str = &quot;Class1 Class2 Class3&quot;;</div>
<div>re.test(str);</div>
<div>alert(RegExp.lastParen);//1</div>
<div>re.test(str);</div>
<div>alert(RegExp[&quot;$&#43;&quot;]);//2</div>
<div>//leftContext&nbsp;<wbr>返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符</div>
<div>//rigthContext 返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符</div>
<div>re = /[A-Z]/g;</div>
<div>str = &quot;123ABC456&quot;;</div>
<div>re.test(str);</div>
<div>alert(RegExp.leftContext);//123</div>
<div>alert(RegExp.rightContext);//BC456</div>
<div>re.test(str);</div>
<div>alert(RegExp[&quot;$`&quot;]);//123A</div>
<div>alert(RegExp[&quot;$'&quot;]);//C456</div>
<div>multiline属性返回正则表达式是否使用多行模式,这个属性不针对某个正则表达式实例,而是针对所有正则表达式,并且这个属性可写.(IE与Opera不支持这个属性)</div>
<div><br>
</div>
<div>alert(RegExp.multiline);</div>
<div>//因为IEOpera不支持这个属性所以最好还是单独指定</div>
<div>var re = /w&#43;/m;</div>
<div>alert(re.multiline);</div>
<div>alert(RegExp[&quot;$*&quot;]);//RegExp对象的静态属性不会因为给RegExp某个对象实例指定了m标志而改变</div>
<div>RegExp.multiline = true;//这将打开所有正则表达式实例的多行匹配模式</div>
<div>alert(RegExp.multiline);</div>
<div>正则表达式高级篇</div>
<div><br>
</div>
<div>使用元字符注意事项:元字符是正则表达式的一部分,当我们要匹配正则表达式本身时,必须对这些元字符转义.下面是正则表达式用到的所有元字符</div>
<div><br>
</div>
<div>( [ { ^ $ | ) ? * &#43; .</div>
<div>var str = &quot;?&quot;;</div>
<div>var re = /?/;</div>
<div>alert(re.test(str));//出错,因为?是元字符,必须转义</div>
<div>re = /?/;</div>
<div>alert(re.test(str));//true</div>
<div>使用RegExp构造函数与使用正则表达式字面量创建正则表达式注意点</div>
<div><br>
</div>
<div>var str = &quot;?&quot;;</div>
<div>alert(str);//只会输出?</div>
<div>var re = /?/;//将匹配?</div>
<div>alert(re.test(str));//true</div>
<div>re = new RegExp(&quot;?&quot;);//出错,因为这相当于re = /?/</div>
<div>re = new RegExp(&quot;\?&quot;);//正确,将匹配?</div>
<div>alert(re.test(str));//true</div>
<div>既然双重转义这么不友好,所以还是用正则表达式字面量的声明方式</div>
<div><br>
</div>
<div>如何在正则表达式中使用特殊字符?</div>
<div><br>
</div>
<div>//ASCII方式用十六进制数来表示特殊字符</div>
<div>var re = /^x43x4A$/;//将匹配CJ</div>
<div>alert(re.test(&quot;CJ&quot;));//true</div>
<div>//也可使用八进制方式</div>
<div>re = /^103112$/;//将匹配CJ</div>
<div>alert(re.test(&quot;CJ&quot;));//true</div>
<div>//还可以使用Unicode编码</div>
<div>re =/^u0043u004A$/;//使用Unicode必须使用u开头接着是字符编码的四位16进制表现形式</div>
<div>alert(re.test(&quot;CJ&quot;));</div>
<div>另处,还有一些其它的预定义特殊字符,如下表所示:</div>
<div><br>
</div>
<div>字符 描述</div>
<div>n 换行符</div>
<div>r 回车符</div>
<div>t 制表符</div>
<div>f 换页符Tab</div>
<div>cX 与X对应的控制字符</div>
<div>b 退&#26684;符(BackSpace)</div>
<div>v 垂直制表符</div>
<div>空字符(&quot;&quot;)</div>
<div>字符类 ---〉简单类,反向类,范围类,组合类,预定义类</div>
<div><br>
</div>
<div>//简单类</div>
<div>var re = /[abc123]/;//将匹配abc123这6个字符中一个</div>
<div>//负向类</div>
<div>re = /[^abc]/;//将匹配除abc之外的一个字符</div>
<div>//范围类</div>
<div>re = /[a-b]/;//将匹配小写a-b 26个字母</div>
<div>re = /[^0-9]/;//将匹配除0-9 10个字符之处的一个字符</div>
<div>//组合类</div>
<div>re = /[a-b0-9A-Z_]/;//将匹配字母,数字和下划线</div>
<div>下面是正则表达式中的预定义类</div>
<div><br>
</div>
<div>代码 等同于 匹配</div>
<div>. IE下[^n],其它[^nr] 匹配除换行符之外的任何一个字符</div>
<div>d [0-9] 匹配数字</div>
<div>D [^0-9] 匹配非数字字符</div>
<div>s [ nrtfx0B] 匹配一个空白字符</div>
<div>S [^ nrtfx0B] 匹配一个非空白字符</div>
<div>w [a-zA-Z0-9_] 匹配字母数字和下划线</div>
<div>W [^a-zA-Z0-9_] 匹配除字母数字下划线之外的字符</div>
<div>量词</div>
<div><br>
</div>
<div>代码 描述</div>
<div>* 匹配前面的子表达式零次或多次。例如zo* 能匹配 &quot;z&quot; 以及 &quot;zoo&quot;。 * 等价于{0,}。</div>
<div>&#43; 匹配前面的子表达式一次或多次。例如,'zo&#43;' 能匹配 &quot;zo&quot; 以及 &quot;zoo&quot;,但不能匹配 &quot;z&quot;&#43; 等价于{1,}。</div>
<div>? 匹配前面的子表达式零次或一次。例如,&quot;do(es)?&quot; 可以匹配 &quot;do&quot;&quot;does&quot; 中的&quot;do&quot; 。? 等价于{0,1}。</div>
<div>{n} n 是一个非负整数。匹配确定的 n 次。例如,'o{2}' 不能匹配 &quot;Bob&quot; 中的 'o',但是能匹配&quot;food&quot; 中的两个 o。</div>
<div>{n,} n 是一个非负整数。至少匹配n 次。例如,'o{2,}' 不能匹配 &quot;Bob&quot; 中的 'o',但能匹配&quot;foooood&quot; 中的所有 o。'o{1,}' 等价于 'o&#43;'。'o{0,}' 则等价于 'o*'。</div>
<div>{n,m} m 和 n 均为非负整数其中n &lt;= m。最少匹配 n 次且最多匹配 m次。刘 &quot;o{1,3}&quot; 将匹配 &quot;fooooood&quot; 中的前三个 o。'o{0,1}' 等价于'o?'。请注意在逗号和两个数之间不能有空&#26684;</div>
<div>贪婪量词与惰性量词</div>
<div><br>
</div>
<div>用贪婪量词进行匹配时,它首先会将整会字符串当成一个匹配,如果匹配的话就退出,如果不匹配,就截去最后一个字符进行匹配,如果不匹配,继续将最后一个字符截去进行匹配,直到有匹配为止。直到现在我们遇到的量词都是贪婪量词</div>
<div>用贪婪量词进行匹配时,它首先将第一个字符当成一个匹配,如果成功则退出,如果失败,则测试前两个字符,依些增加,直到遇到合适的匹配为止</div>
<div>贪婪 惰性</div>
<div>&#43; &#43;?</div>
<div>? ??</div>
<div>* *?</div>
<div>{n} {n}?</div>
<div>{n,} {n,}?</div>
<div>{n,m} {n,m}</div>
<div>var str = &quot;abc&quot;;</div>
<div>var re = /w&#43;/;//将匹配abc</div>
<div>re = /w&#43;?/;//将匹配a</div>
<div>多行模式</div>
<div><br>
</div>
<div>var re = /[a-z]$/;</div>
<div>var str = &quot;abncdef&quot;;</div>
<div>alert(str.replace(re,&quot;#&quot;));//abncde#</div>
<div>re =/[a-z]$/m;</div>
<div>alert(str.replace(re,&quot;#&quot;));//a#ncde#</div>
<div>分组与非捕获性分组</div>
<div><br>
</div>
<div>re = /abc{2}/;//将匹配abcc</div>
<div>re = /(abc){2}/;//将匹配abcabc</div>
<div>//上面的分组都是捕获性分组</div>
<div>str = &quot;abcabc ###&quot;;</div>
<div>arr = re.exec(str);</div>
<div>alert(arr[1]);//abc</div>
<div>//非捕获性分组 (?:)</div>
<div>re = /(?:abc){2}/;</div>
<div>arr = re.exec(str);</div>
<div>alert(arr[1]);//undefined</div>
<div>候选(也就是所说的“或”)</div>
<div><br>
</div>
<div>re = /^a|bc$/;//将匹配开始位置的a或结束位置的bc</div>
<div>str =&quot;add&quot;;</div>
<div>alert(re.test(str));//true</div>
<div>re = /^(a|bc)$/;//将匹配a或bc</div>
<div>str =&quot;bc&quot;;</div>
<div>alert(re.test(str));//true</div>
<div>当包含分组的正则表达式进行过test,match,search这些方法之后每个分组都被放在一个特殊的地方以备将来使用这些存储是分组中的特殊&#20540;,我们称之为反向引用</div>
<div><br>
</div>
<div>var re = /(A?(B?(C?)))/;</div>
<div>str = &quot;ABC&quot;;</div>
<div>re.test(str);//反向引用被存储在RegExp对象的静态属性$1—$9中</div>
<div>alert(RegExp.$1&#43;&quot;n&quot;&#43;RegExp.$2&#43;&quot;n&quot;&#43;RegExp.$3);</div>
<div>//反向引用也可以在正则表达式中使用1 ,2...这类的形式使用</div>
<div>re = /d&#43;(D)d&#43;1d&#43;/;</div>
<div>str = &quot;2008-1-1&quot;;</div>
<div>alert(re.test(str));//true</div>
<div>str = &quot;2008-4_3&quot;;</div>
<div>alert(re.test(str));//false</div>
<div>使用反向引用可以要求字符串中某几个位置上的字符必须相同.另外在replace这类方法可存在特殊字符序列来表示反向引用的方式</div>
<div><br>
</div>
<div>re = /(d)s(d)/;</div>
<div>str = &quot;1234 5678&quot;;</div>
<div>alert(str.replace(re,&quot;$2$1&quot;));//在这个里面$1表示第一个分组1234,$2则表示5678</div>
<div>其它——〉正向前瞻,用来捕获出现在特定字符之前的字符,只有当字符后面跟着某个特定字符才去捕获它。与正向前瞻对应的有负向前瞻它用匹配只有当字符后面不跟着某个特定字符时才去匹配它。在执行前瞻和负向前瞻之类的运算时正则表达式引擎会留意字符串后面的部分然而却不移动index</div>
<div><br>
</div>
<div>//正向前瞻</div>
<div>re = /([a-z]&#43;(?=d))/i;</div>
<div>//我们要匹配后面跟一个数字的单词,然后将单词返回,而不要返回数字</div>
<div>str = &quot;abc every1 abc&quot;;</div>
<div>alert(re.test(str));//true</div>
<div>alert(RegExp.$1);//every</div>
<div>alert(re.lastIndex);//使用前瞻的好处是,前瞻的内容(?=d)并不会当成一次匹配,下次匹配仍从它开始</div>
<div>//负向前瞻(?!)</div>
<div>re = /([a-z](?!d))/;i</div>
<div>//将匹配后面不包含数字的字母,并且不会返回(?!d)中的内容</div>
<div>str = &quot;abc1 one&quot;;</div>
<div>alert(re.test(str));</div>
<div>alert(RegExp.$1);//one</div>
<div>构建一个验证电子邮箱地址有效性的正则表达式。电子邮箱地址有效性要求(我们姑且这样定义)用户名只能包含字母数字以及下划线最少一位最多25位用户名后面紧跟@,后面是域名,域名名称要求只能包含字母数字和减号(-并且不能以减号开头或结尾然后后面是域名后缀可以有多个域名后缀必须是点号连上2-4位英文字母</div>
<div><br>
</div>
<div>var re =/^w{1,15}(?:@(?!-))(?:(?:[a-z0-9-]*)(?:[a-z0-9](?!-))(?:.(?!-)))&#43;[a-z]{2,4}$/;</div>
</div>
</div>
</div>