javaScript正则表达式的使用

Posted Mustr

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javaScript正则表达式的使用相关的知识,希望对你有一定的参考价值。

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

 

正则表达式,又称规则表达式。(英语: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} mn 均为非负整数,其中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 匹配 xy。例如,‘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 的后向引用。如果前面的条件都不满足,若  nm 均为八进制数字 (0-7),则 \nm 将匹配八进制转义值 nm
\nml 如果 n 为八进制数字 (0-3),且 ml 均为八进制数字 (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,‘‘

 

 

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

 

 























































以上是关于javaScript正则表达式的使用的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript正则表达式入门

Javascript 清理 URL 正则表达式

通过 Java 正则表达式提取 semver 版本字符串的片段

攻破难啃的骨头-正则表达式(转)

asp.net 使用正则表达式验证包含打开/关闭括号片段的属性字符串

循环通过 python 正则表达式匹配