javaScript正则表达式的使用

Posted 2020-08-19 Mustr

      今天看了一个正则的写法，回想一下，对于正则都忘记得差不多了，称这个时间整理一下，收集了一些以前的资料和查看了一些别人的资料，做一个小小的总结，方便自己以后查看，也希望能帮助到大家！！   欢迎指正，欢迎吐槽 ^_^   废话不多少，走你~~~

 

正则表达式，又称规则表达式。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。

 

为什么要使用正则表达式呢？？？？

     >>简化代码

     >>使内容更加严谨（验证内容更严谨）

　  >>>.........

 

一、正则表达式对象

语法 1

re = /pattern/[flags]             --->>perl风格

语法 2

re = new RegExp("pattern",["flags"])      --->>JS风格

参数

re

必选项。将要赋值为正则表达式模式的变量名。

Pattern

必选项。要使用的正则表达式模式。如果使用语法 1，用 "/" 字符分隔模式。如果用语法 2，用引号将模式引起来。

flags

可选项。如果使用语法 2 要用引号将 flag 引起来。标志可以组合使用，可用的有：

• g （全文查找出现的所有 pattern）  --global缩写
• i （忽略大小写）             --ignoreCase缩写
• m （多行查找）              --multiline 缩写

举例：

      reg = "/a/i";            //   表示匹配a     i表示忽略大小写
      reg = new RegExp("a","i");

      reg = "/a/g";            //   表示匹配a    g 表示匹配所有的a
      reg = new RegExp("a","g");

      reg = /^abc$/;        // 表示完全符合这个格式    开头是a   中间是b   结尾是c;

 

 

 

二、元字符及其在正则表达式上下文中的行为的一个完整列表（加粗表示常用的）：

 

字符	描述
\	将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如，‘n‘ 匹配字符 "n"。‘\n‘ 匹配一个换行符。序列 ‘\\‘ 匹配 "\" 而 "\(" 则匹配 "("。
^	匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 ‘\n‘ 或 ‘\r‘ 之后的位置。
$	匹配输入字符串的结束位置。如果设置了RegExp 对象的 Multiline 属性，$ 也匹配 ‘\n‘ 或 ‘\r‘ 之前的位置。
*	匹配前面的子表达式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo"。 * 等价于{0,}。
+	匹配前面的子表达式一次或多次。例如，‘zo+‘ 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等价于 {1,}。
?	匹配前面的子表达式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等价于 {0,1}。
{n}	n 是一个非负整数。匹配确定的 n 次。例如，‘o{2}‘ 不能匹配 "Bob" 中的 ‘o‘，但是能匹配 "food" 中的两个 o。
{n,}	n 是一个非负整数。至少匹配n 次。例如，‘o{2,}‘ 不能匹配 "Bob" 中的 ‘o‘，但能匹配 "foooood" 中的所有 o。‘o{1,}‘ 等价于 ‘o+‘。‘o{0,}‘ 则等价于 ‘o*‘。
{n,m}	m 和 n 均为非负整数，其中n <= m。最少匹配 n 次且最多匹配 m 次。刘， "o{1,3}" 将匹配 "fooooood" 中的前三个 o。‘o{0,1}‘ 等价于 ‘o?‘。请注意在逗号和两个数之间不能有空格。
?	当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如，对于字符串 "oooo"，‘o+?‘ 将匹配单个 "o"，而 ‘o+‘ 将匹配所有 ‘o‘。
.	匹配除 "\n" 之外的任何单个字符。要匹配包括 ‘\n‘ 在内的任何字符，请使用象 ‘[.\n]‘ 的模式。
(pattern)	匹配pattern 并获取这一匹配。所获取的匹配可以从产生的 Matches 集合得到，在VBScript 中使用 SubMatches 集合，在JScript 中则使用 $0…$9 属性。要匹配圆括号字符，请使用 ‘\(‘ 或 ‘\)‘。
(?:pattern)	匹配 pattern 但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用 "或" 字符 (|) 来组合一个模式的各个部分是很有用。例如， ‘industr(?:y|ies) 就是一个比 ‘industry|industries‘ 更简略的表达式。
(?=pattern)	正向预查，在任何匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如， ‘Windows (?=95|98|NT|2000)‘ 能匹配 "Windows 2000" 中的 "Windows" ，但不能匹配 "Windows 3.1" 中的 "Windows"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。
(?!pattern)	负向预查，在任何不匹配Negative lookahead matches the search string at any point where a string not matching pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如‘Windows (?!95|98|NT|2000)‘ 能匹配 "Windows 3.1" 中的 "Windows"，但不能匹配 "Windows 2000" 中的 "Windows"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始
x|y	匹配 x 或 y。例如，‘z|food‘ 能匹配 "z" 或 "food"。‘(z|f)ood‘ 则匹配 "zood" 或 "food"。
[xyz]	字符集合。匹配所包含的任意一个字符。例如， ‘[abc]‘ 可以匹配 "plain" 中的 ‘a‘。
[^xyz]	负值字符集合。匹配未包含的任意字符。例如， ‘[^abc]‘ 可以匹配 "plain" 中的‘p‘。
[a-z]	字符范围。匹配指定范围内的任意字符。例如，‘[a-z]‘ 可以匹配 ‘a‘ 到 ‘z‘ 范围内的任意小写字母字符。
[^a-z]	负值字符范围。匹配任何不在指定范围内的任意字符。例如，‘[^a-z]‘ 可以匹配任何不在 ‘a‘ 到 ‘z‘ 范围内的任意字符。
\b	匹配一个单词边界，也就是指单词和空格间的位置。例如， ‘er\b‘ 可以匹配"never" 中的 ‘er‘，但不能匹配 "verb" 中的 ‘er‘。
\B	匹配非单词边界。‘er\B‘ 能匹配 "verb" 中的 ‘er‘，但不能匹配 "never" 中的 ‘er‘。
\cx	匹配由x指明的控制字符。例如， \cM 匹配一个 Control-M 或回车符。 x 的值必须为 A-Z 或 a-z 之一。否则，将 c 视为一个原义的 ‘c‘ 字符。
\d	匹配一个数字字符。等价于 [0-9]。
\D	匹配一个非数字字符。等价于 [^0-9]。
\f	匹配一个换页符。等价于 \x0c 和 \cL。
\n	匹配一个换行符。等价于 \x0a 和 \cJ。
\r	匹配一个回车符。等价于 \x0d 和 \cM。
\s	匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。
\S	匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。
\t	匹配一个制表符。等价于 \x09 和 \cI。
\v	匹配一个垂直制表符。等价于 \x0b 和 \cK。
\w	匹配包括下划线的任何单词字符。等价于‘[A-Za-z0-9_]‘。
\W	匹配任何非单词字符。等价于 ‘[^A-Za-z0-9_]‘。
\xn	匹配 n，其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如， ‘\x41‘ 匹配 "A"。‘\x041‘ 则等价于 ‘\x04‘ & "1"。正则表达式中可以使用 ASCII 编码。.
\num	匹配 num，其中 num 是一个正整数。对所获取的匹配的引用。例如，‘(.)\1‘ 匹配两个连续的相同字符。
\n	标识一个八进制转义值或一个后向引用。如果 \n 之前至少 n 个获取的子表达式，则 n 为后向引用。否则，如果 n 为八进制数字 (0-7)，则 n 为一个八进制转义值。
\nm	标识一个八进制转义值或一个后向引用。如果 \nm 之前至少有is preceded by at least nm 个获取得子表达式，则 nm 为后向引用。如果 \nm 之前至少有 n 个获取，则 n 为一个后跟文字 m 的后向引用。如果前面的条件都不满足，若  n 和 m 均为八进制数字 (0-7)，则 \nm 将匹配八进制转义值 nm。
\nml	如果 n 为八进制数字 (0-3)，且 m 和 l 均为八进制数字 (0-7)，则匹配八进制转义值 nml。
\un	匹配 n，其中 n 是一个用四个十六进制数字表示的 Unicode 字符。例如， \u00A9 匹配版权符号 (?)。

三、常见的使用方法

     3.1  test()方法;     检索字符串中指定的值，返回true 或 false；  测试是否存在。

　　　　语法：rgexp.test(str);

           例：

           var str = "abcedg";

           var reg = "/a/i";

           alert(reg.test(str));     //true

 

 

　　3.2 exec()方法；用正则表达式模式在字符串中运行查找，并返回包含该查找结果的一个数组。

　　　　语法：rgExp.exec(str);

 

四、与字符串配合常见的使用方法

　　4.1 search()方法；检索与正则表达式相匹配的值

　　　　　返回与正则表达式查找内容匹配的第一个子字符串的位置。如果返回 -1  表示没有匹配到；

 

　　　　　　语法：stringObj.search(rgExp);

　　　例：

　　　　var str = "acbgdjgl";

　　　　alert(str.search("h"));      //-1

 

　　  例2：

      var r, re;                   // 声明变量。
      var s = "The rain in Spain falls mainly in the plain.";
      re = /falls/i;            // 创建正则表达式模式。
      r = s.search(re);            // 查找字符串。

 

　　　4.2 match() 方法；       使用正则表达式模式对字符串执行查找，并将包含查找的结果作为数组返回。

            语法：stringObj.match(rgExp);

                例：

              var str=‘sdf e443 fedef 55 66gg 333322312 dff 99‘;

              var re=/\d+/g;

　　　　　　　　alert(str.match(re)); 

 

 

　　4.3 replace()方法；          返回根据正则表达式进行文字替换后的字符串的复制。

　　　　　　语法：stringObj.replace(rgExp, replaceText);

　　　　　　例：

            var str=‘abacdAef‘;

            alert(str.replace(/a/gi, ‘T‘));

 

　　　　    例2：

      var r, re;                      // 声明变量。
      var ss = "The rain in Spain falls mainly in the plain.";
      re = /(\S+)(\s+)(\S+)/g;        // 创建正则表达式模式。
      r = ss.replace(re, "$3$2$1");   // 交换每一对单词。

 

 

　　4.4 split()方法；    将一个字符串分割为子字符串，然后将结果作为字符串数组返回。

　　　　语法：stringObj.split([separator[, limit]]);

　　　　例：

　　　　var str=‘abc-12-u-qw‘;
　　　　var arr=str.split(‘-‘);
　　　　//[abc,12,u,qw]

 

　　

 

注：以下部分引用原文：http://blog.csdn.net/onebigday/article/details/5429868     （如有冒犯，联系我。。。）

五、常用正则表达式大全！（例如：匹配中文、匹配html）

　　5.1常见匹配

　　匹配中文字符的正则表达式： [u4e00-u9fa5]   
　　评注：匹配中文还真是个头疼的事，有了这个表达式就好办了 

　　匹配双字节字符(包括汉字在内)：[^x00-xff] 
　　评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 

　　匹配空白行的正则表达式：ns*r 
　　评注：可以用来删除空白行 

　　匹配html标记的正则表达式：<(S*?)[^>]*>.*?|<.*? /> 
　　评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力 

　　匹配首尾空白字符的正则表达式：^s*|s*$ 
　　评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式 

　　匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 
　　评注：表单验证时很实用 

　　匹配网址URL的正则表达式：[a-zA-z]+://[^s]* 
　　评注：网上流传的版本功能很有限，上面这个基本可以满足需求 

　　匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 
　　评注：表单验证时很实用 

　　匹配国内电话号码：d{3}-d{8}|d{4}-d{7} 
　　评注：匹配形式如 0511-4405222 或 021-87888822 

　　匹配腾讯QQ号：[1-9][0-9]{4,} 
　　评注：腾讯QQ号从10000开始 

　　匹配中国邮政编码：[1-9]d{5}(?!d) 
　　评注：中国邮政编码为6位数字 

　　匹配身份证：d{15}|d{18} 
　　评注：中国的身份证为15位或18位 

　　匹配ip地址：d+.d+.d+.d+ 
　　评注：提取ip地址时有用 

 

　　5.2 匹配特定数字： 

　　^[1-9]d*$　 　 //匹配正整数 
　　^-[1-9]d*$ 　 //匹配负整数 
　　^-?[1-9]d*$　　 //匹配整数 
　　^[1-9]d*|0$　 //匹配非负整数（正整数 + 0） 
　　^-[1-9]d*|0$　　 //匹配非正整数（负整数 + 0） 
　　^[1-9]d*.d*|0.d*[1-9]d*$　　 //匹配正浮点数 
　　^-([1-9]d*.d*|0.d*[1-9]d*)$　 //匹配负浮点数 
　　^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$　 //匹配浮点数 
　　^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$　　 //匹配非负浮点数（正浮点数 + 0） 
　　^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$　　//匹配非正浮点数（负浮点数 + 0） 
　　评注：处理大量数据时有用，具体应用时注意修正 

 

　　5.3 匹配特定字符串：

 　  ^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串 

　　^[A-Z]+$　　//匹配由26个英文字母的大写组成的字符串 

　　^[a-z]+$　　//匹配由26个英文字母的小写组成的字符串 

　　^[A-Za-z0-9]+$　　//匹配由数字和26个英文字母组成的字符串 

　　^w+$　　//匹配由数字、26个英文字母或者下划线组成的字符串 

 

　　5.4在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下: 
　　只能输入数字：“^[0-9]*$” 
　　只能输入n位的数字：“^d{n}$” 
　　只能输入至少n位数字：“^d{n,}$” 
　　只能输入m-n位的数字：“^d{m,n}$” 
　　只能输入零和非零开头的数字：“^(0|[1-9][0-9]*)$” 
　　只能输入有两位小数的正实数：“^[0-9]+(.[0-9]{2})?$” 
　　只能输入有1-3位小数的正实数：“^[0-9]+(.[0-9]{1,3})?$” 
　　只能输入非零的正整数：“^+?[1-9][0-9]*$” 
　　只能输入非零的负整数：“^-[1-9][0-9]*$” 
　　只能输入长度为3的字符：“^.{3}$” 
　　只能输入由26个英文字母组成的字符串：“^[A-Za-z]+$” 
　　只能输入由26个大写英文字母组成的字符串：“^[A-Z]+$” 
　　只能输入由26个小写英文字母组成的字符串：“^[a-z]+$” 
　　只能输入由数字和26个英文字母组成的字符串：“^[A-Za-z0-9]+$” 
　　只能输入由数字、26个英文字母或者下划线组成的字符串：“^w+$” 
　　验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为：以字母开头，长度在6-18之间， 
　　只能包含字符、数字和下划线。 
　　验证是否含有^%&‘‘,;=?$"等字符：“[^%&‘‘,;=?$x22]+” 
　　只能输入汉字：“^[u4e00-u9fa5],{0,}$” 
　　验证Email地址：“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$” 
　　验证InternetURL：“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$” 
　　验证电话号码：“^((d{3,4})|d{3,4}-)?d{7,8}$” 
　　正确格式为：“XXXX-XXXXXXX”，“XXXX-XXXXXXXX”，“XXX-XXXXXXX”， 
　　“XXX-XXXXXXXX”，“XXXXXXX”，“XXXXXXXX”。 
　　验证身份证号（15位或18位数字）：“^d{15}|d{}18$” 
　　验证一年的12个月：“^(0?[1-9]|1[0-2])$”正确格式为：“01”-“09”和“1”“12” 
　　验证一个月的31天：“^((0?[1-9])|((1|2)[0-9])|30|31)$” 
　　正确格式为：“01”“09”和“1”“31”。 
　　匹配中文字符的正则表达式： [u4e00-u9fa5] 
　　匹配双字节字符(包括汉字在内)：[^x00-xff] 
　　匹配空行的正则表达式：n[s| ]*r 
　　匹配HTML标记的正则表达式：/<(.*)>.*|<(.*) />/ 
　　匹配首尾空格的正则表达式：(^s*)|(s*$) 
　　匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 
　　匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&=]*)? 

 

六、常见的应用

    6.1应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 
　　　　String.prototype.len=function(){return this.replace([^x00-xff]/g,"aa").length;} 

　 6.2应用：JavaScript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现 
　　　　String.prototype.trim = function() 
　　　　{ 
　　　　return this.replace(/(^s*)|(s*$)/g, ""); 
　　　　} 

　6.3应用：利用正则表达式分解和转换IP地址 
　　　　function IP2V(ip) //IP地址转换成对应数值 
　　　　{ 
　　　　re=/(d+).(d+).(d+).(d+)/g //匹配IP地址的正则表达式 
　　　　if(re.test(ip)) 
　　　　{ 
　　　　return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1 
　　　　} 
　　　　else 
　　　　{ 
　　　　throw new Error("Not a valid IP address!") 
　　　　} 
　　　　} 

　6.4应用：从URL地址中提取文件名的javascript程序 
　　　　s="http://www.9499.net/page1.htm"; 
　　　　s=s.replace(/(.*/){0,}([^.]+).*/ig,"$2") ;//Page1.htm 

　6.5应用：利用正则表达式限制网页表单里的文本框输入内容 

　　　　用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,‘‘) 　　"onbeforepaste="clipboardData.setData(‘‘text‘‘,clipboardData.getData(‘‘text‘‘).replace(/[^u4E00-u9FA5]/g,‘‘))" 

　　　　用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^uFF00-uFFFF]/g,‘‘) 　　"onbeforepaste="clipboardData.setData(‘‘text‘‘,clipboardData.getData(‘‘text‘‘).replace(/[^uFF00-uFFFF]/g,‘‘))" 

　　　　用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^d]/g,‘‘)

　　 "onbeforepaste= "clipboardData.setData(‘‘text‘‘,clipboardData.getData(‘‘text‘‘).replace(/[^d]/g,‘‘))" 
　　　　

　　　　用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[W]/g,‘‘)

　　 "onbeforepaste="clipboardData.setData(‘‘text‘‘,clipboardData.getData(‘‘text‘‘).replace(/[^d]/g,‘‘

 

 

         ===========    ^_^  欢迎指正！欢迎吐槽！^_^    ===============