`
conkeyn
  • 浏览: 1505009 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

精通 JS正则表达式

阅读更多

转自:http://www.iteye.com/topic/481228


正则表达式可以:
•测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证
•替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字
•根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字

正则表达式语法
一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。

创建正则表达式

var re = new RegExp();//RegExp是一个对象,和Aarray一样  
//但这样没有任何效果,需要将正则表达式的内容作为字符串传递进去  
re =new RegExp("a");//最简单的正则表达式,将匹配字母a  
re=new RegExp("a","i");//第二个参数,表示匹配时不分大小写  

 RegExp构造函数第一个参数为正则表达式的文本内容,而第一个参数则为可选项标志.标志可以组合使用

•g (全文查找)
•i (忽略大小写)
•m (多行查找)

 

var re = new RegExp("a","gi");//匹配所有的a或A 

 正则表达式还有另一种正则表达式字面量的声明方式

 var re = /a/gi;  

 和正则表达式相关的方法和属性


正则表达式对象的方法

•test,返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式。如果存在则返回 true,否则就返回 false。
•exec,用正则表达式模式在字符串中运行查找,并返回包<script type="text/javascript" src="http://www.iteye.com/javascripts/tinymce/themes/advanced/langs/zh.js"></script><script type="text/javascript" src="http://www.iteye.com/javascripts/tinymce/plugins/javaeye/langs /zh.js"></script>含该查找结果的一个数组。
•compile,把正则表达式编译为内部格式,从而执行得更快。
正则表达式对象的属性

•source,返回正则表达式模式的文本的复本。只读。
•lastIndex,返回字符位置,它是被查找字符串中下一次成功匹配的开始位置。
•$1...$9,返回九个在模式匹配期间找到的、最近保存的部分。只读。
•input ($_),返回执行规范表述查找的字符串。只读。
•lastMatch ($&),返回任何正则表达式搜索过程中的最后匹配的字符。只读。
•lastParen ($+),如果有的话,返回任何正则表达式查找过程中最后括的子匹配。只读。
•leftContext ($`),返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符。只读。
•rightContext ($'),返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符。只读。
String对象一些和正则表达式相关的方法

•match,找到一个或多个正则表达式的匹配。
•replace,替换与正则表达式匹配的子串。
•search,检索与正则表达式相匹配的值。
•split,把字符串分割为字符串数组。


测试正则表达式是如何工作的! 

//test方法,测试字符串,符合模式时返回true,否则返回false  
var re = /he/;//最简单的正则表达式,将匹配he这个单词  
var str = "he";  
alert(retest(str));//true  
str = "we";  
alert(retest(str));//false  
str = "HE";  
alert(retest(str));//false,大写,如果要大小写都匹配可以指定i标志(i是ignoreCase或case-insensitive的表示)  
re = /he/i;  
alert(retest(str));//true  
str = "Certainly!He loves her!";  
alert(retest(str));//true,只要包含he(HE)就符合,如果要只是he或HE,不能有其它字符,则可使用^和$  
re = /^he/i;//脱字符(^)代表字符开始位置  
alert(retest(str));//false,因为he不在str最开始  
str = "He is a good boy!";  
alert(retest(str));//true,He是字符开始位置,还需要使用$  
re = /^he$/i;//$表示字符结束位置  
alert(retest(str));//false  
str = "He";  
alert(retest(str));//true  
//当然,这样不能发现正则表达式有多强大,因为我们完全可以在上面的例子中使用==或indexOf  
re = /\s/;// \s匹配任何空白字符,包括空格、制表符、换页符等等  
str= "user Name";//用户名包含空格  
alert(retest(str));//true  
str = "user     Name";//用户名包含制表符  
alert(retest(str));//true  
re=/^[a-z]/i;//[]匹配指定范围内的任意字符,这里将匹配英文字母,不区分大小写  
str="variableName";//变量名必须以字母开头  
alert(retest(str));//true  
str="123abc";  
alert(retest(str));//false  

 注意,当search方法没有找到匹配时,将返回-1

类似于exec方法,String对象的match方法也用于将字符串与正则表达式进行匹配并返回结果数组

var str = "My name is CJHello everyone!";  
var re = /[A-Z]/;//匹配所有大写字母  
var arr = strmatch(re);//返回数组  
alert(arr);//数组中只会包含一个M,因为我们没有使用全局匹配  
re = /[A-Z]/g;  
arr = strmatch(re);  
alert(arr);//M,C,J,H  
//从字符串中抽取单词  
re = /\b[a-z]\b/i;//\b表示单词边界  
str = "one two three four";  
alert(strmatch(re));//one,two,three,four  

 RegExp对象实例的一些属性

var re = /[a-z]/i;  
alert(re.source);//将[a-z]字符串输出  
//请注意,直接alert(re)会将正则表达式连同前向斜线与标志输出,这是re.toString方法定义的 

 每个RegExp对象的实例具有lastIndex属性,它是被查找字符串中下一次成功匹配的开始位置,默认值是-1。 lastIndex 属性被 RegExp 对象的 exec 和 test 方法修改.并且它是可写的.

var re = /[A-Z]/;  
//exec方法执行后,修改了re的lastIndex属性,  
var str = "Hello,World!!!";  
var arr = reexec(str);  
alert(relastIndex);//0,因为没有设置全局标志  
re = /[A-Z]/g;  
arr = reexec(str);  
alert(relastIndex);//1  
arr = reexec(str);  
alert(relastIndex);//7  

 当匹配失败(后面没有匹配),或lastIndex值大于字符串长度时,再执行exec等方法会将lastIndex设为0(开始位置)

var re = /[A-Z]/;  
var str = "Hello,World!!!";  
relastIndex = 120;  
var arr = reexec(str);  
alert(relastIndex);//0 

 RegExp对象的静态属性

//input 最后用于匹配的字符串(传递给test,exec方法的字符串)  
var re = /[A-Z]/;  
var str = "Hello,World!!!";  
var arr = reexec(str);  
alert(RegExpinput);//Hello,World!!!  
reexec("tempstr");  
alert(RegExpinput);//仍然是Hello,World!!!,因为tempstr不匹配  
//lastMatch 最后匹配的字符  
re = /[a-z]/g;  
str = "hi";  
retest(str);  
alert(RegExplastMatch);//h  
retest(str);  
alert(RegExp["$&"]);//i  ,$&是lastMatch的短名字,但由于它不是合法变量名,所以要。。  
//lastParen 最后匹配的分组  
re = /[a-z](\d+)/gi;  
str = "Class1 Class2 Class3";  
retest(str);  
alert(RegExplastParen);//1  
retest(str);  
alert(RegExp["$+"]);//2  
//leftContext  返回被查找的字符串中从字符串开始位置到最后匹配之前的位置之间的字符  
//rigthContext 返回被搜索的字符串中从最后一个匹配位置开始到字符串结尾之间的字符  
re = /[A-Z]/g;  
str = "123ABC456";  
retest(str);  
alert(RegExpleftContext);//123  
alert(RegExprightContext);//BC456  
retest(str);  
alert(RegExp["$`"]);//123A  
alert(RegExp["$'"]);//C456  

 multiline属性返回正则表达式是否使用多行模式,这个属性不针对某个正则表达式实例,而是针对所有正则表达式,并且这个属性可写.(IE与Opera不支持这个属性)

alert(RegExpmultiline);  
//因为IE,Opera不支持这个属性,所以最好还是单独指定  
var re = /\w+/m;  
alert(remultiline);  
alert(RegExp["$*"]);//RegExp对象的静态属性不会因为给RegExp某个对象实例指定了m标志而改变  
RegExpmultiline = true;//这将打开所有正则表达式实例的多行匹配模式  
alert(RegExpmultiline);  

 使用元字符注意事项:元字符是正则表达式的一部分,当我们要匹配正则表达式本身时,必须对这些元字符转义.下面是正则表达式用到的所有元字符
( [ { \ ^ $ | ) ? * + .

var str = "?";  
var re = /?/;  
alert(retest(str));//出错,因为?是元字符,必须转义  
re = /\?/;  
alert(retest(str));//true  

 使用RegExp构造函数与使用正则表达式字面量创建正则表达式注意点

var str = "\?";  
alert(str);//只会输出?  
var re = /\?/;//将匹配?  
alert(retest(str));//true  
re = new RegExp("\?");//出错,因为这相当于re = /\?/  
re = new RegExp("\\?");//正确,将匹配?  
alert(retest(str));//true  

 既然双重转义这么不友好,所以还是用正则表达式字面量的声明方式

如何在正则表达式中使用特殊字符?

//ASCII方式用十六进制数来表示特殊字符  
var re = /^\x43\x4A$/;//将匹配CJ  
alert(retest("CJ"));//true  
//也可使用八进制方式  
re = /^\103\112$/;//将匹配CJ  
alert(retest("CJ"));//true  
//还可以使用Unicode编码  
re =/^\u0043\u004A$/;//使用 Unicode,必须使用u开头,接着是字符编码的四位16进制表现形式  
alert(retest("CJ"));  

 另处,还有一些其它的预定义特殊字符,如下表所示:

字符    描述
\n      换行符
\r      回车符
\t      制表符
\f      换页符(Tab)
\cX     与X对应的控制字符
\b      退格符(BackSpace)
\v      垂直制表符
\0      空字符("")

字符类 ---〉简单类,反向类,范围类,组合类,预定义类

//简单类  
var re = /[abc123]/;//将匹配abc123这6个字符中一个  
//负向类  
re = /[^abc]/;//将匹配除abc之外的一个字符  
//范围类  
re = /[a-b]/;//将匹配小写a-b 26个字母  
re = /[^0-9]/;//将匹配除0-9 10个字符之处的一个字符  
//组合类  
re = /[a-b0-9A-Z_]/;//将匹配字母,数字和下划线  

 

下面是正则表达式中的预定义类

代码  等同于                  匹配
.     IE下[^\n],其它[^\n\r]  匹配除换行符之外的任何一个字符
\d    [0-9]                   匹配数字
\D    [^0-9]                  匹配非数字字符
\s    [ \n\r\t\f\x0B]         匹配一个空白字符
\S    [^ \n\r\t\f\x0B]        匹配一个非空白字符
\w    [a-zA-Z0-9_]            匹配字母数字和下划线
\W    [^a-zA-Z0-9_]           匹配除字母数字下划线之外的字符



量词(下表量词单个出现时皆是贪婪量词)

代码  描述
*     匹配前面的子表达式零次或多次。例如,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?'。请注意在逗号和两个数之间不能有空格。

贪婪量词与惰性量词

•用贪婪量词进行匹配时,它首先会将整会字符串当成一个匹配,如果匹配的话就退出,如果不匹配,就截去最后一个字符进行匹配,如果不匹配,继续将最后一个字符截去进行匹配,直到有匹配为止。直到现在我们遇到的量词都是贪婪量词
•用贪婪量词进行匹配时,它首先将第一个字符当成一个匹配,如果成功则退出,如果失败,则测试前两个字符,依些增加,直到遇到合适的匹配为止

惰性量词仅仅在贪婪量词后面加个"?"而已,如"a+"是贪婪匹配的,"a+?"则是惰性的 

var str = "abc";  
var re = /\w+/;//将匹配abc  
re = /\w+?/;//将匹配a  

 多行模式

var re = /[a-z]$/;  
var str = "ab\ncdef";  
alert(strreplace(re,"#"));//ab\ncde#  
re =/[a-z]$/m;  
alert(strreplace(re,"#"));//a#\ncde#  

 分组与非捕获性分组

re = /abc{2}/;//将匹配abcc  
re = /(abc){2}/;//将匹配abcabc  
//上面的分组都是捕获性分组  
str = "abcabc ###";  
arr = reexec(str);  
alert(arr[1]);//abc  
//非捕获性分组 (?:)  
re = /(?:abc){2}/;  
arr = reexec(str);  
alert(arr[1]);//undefined  

 候选(也就是所说的“或”)

re = /^a|bc$/;//将匹配开始位置的a或结束位置的bc  
str ="add";  
alert(retest(str));//true  
re = /^(a|bc)$/;//将匹配a或bc  
str ="bc";  
alert(retest(str));//true  

 当包含分组的正则表达式进行过test,match,search这些方法之后,每个分组都被放在一个特殊的地方以备将来使用,这些存储是分组中的特殊值,我们称之为反向引用

var re = /(A?(B?(C?)))/;  
/*上面的正则表达式将依次产生三个分组 
(A?(B?(C?))) 最外面的 
(B?(C?)) 
(C?)*/  
str = "ABC";  
retest(str);//反向引用被存储在RegExp对象的静态属性$1—$9中  
alert(RegExp$1+"\n"+RegExp$2+"\n"+RegExp$3);  
//反向引用也可以在正则表达式中使用\1 ,\这类的形式使用  
re = /\d+(\D)\d+\1\d+/;  
str = "2008-1-1";  
alert(retest(str));//true  
str = "2008-4_3";  
alert(retest(str));//false  

 使用反向引用可以要求字符串中某几个位置上的字符必须相同.另外,在replace这类方法中可用特殊字符序列来表示反向引用

re = /(\d)\s(\d)/;  
str = "1234 5678";  
alert(str.replace(re,"$2 $1"));//在这个里面$1表示第一个分组1234,$2则表示5678 

 其它——〉正向前瞻,用来捕获出现在特定字符之前的字符,只有当字符后面跟着某个特定字符才去捕获它。与正向前瞻对应的有负向前瞻,它用匹配只有当字符后 面不跟着某个特定字符时才去匹配它。在执行前瞻和负向前瞻之类的运算时,正则表达式引擎会留意字符串后面的部分,然而却不移动index

//正向前瞻  
re = /([a-z]+(?=\d))/i;  
//我们要匹配后面跟一个数字的单词,然后将单词返回,而不要返回数字  
str = "abc every1 abc";  
alert(retest(str));//true  
alert(RegExp$1);//every  
alert(relastIndex);//使用前瞻的好处是,前瞻的内容(?=\d)并不会当成一次匹配,下次匹配仍从它开始  
//负向前瞻(?!)  
re = /([a-z](?!\d))/;i  
//将匹配后面不包含数字的字母,并且不会返回(?!\d)中的内容  
str = "abc1 one";  
alert(retest(str));  
alert(RegExp$1);//one  

 构建一个验证电子邮箱地址有效性的正则表达式。电子邮箱地址有效性要求(我们姑且这样定义):用户名只能包含字母数字以及下划线,最少一位,最多25位, 用户名后面紧跟@,后面是域名,域名名称要求只能包含字母数字和减号(-),并且不能以减号开头或结尾,然后后面是域名后缀(可以有多个),域名后缀必须 是点号连上2-4位英文字母

var re = /^\w{1,15}(?:@(?!-))(?:(?:[a-z0-9-]*)(?:[a-z0-9](?!-))(?:\.(?!-)))+[a-z]{2,4}$/;  

 好像漏了些,比如,replace方法第二个参数作为函数的情况
恰巧上次在某君博客里看到一个面试题,读取一个文本文件中的字符串,统计其中的"9"出现的次数,用JS写个也很简单(不包含打开文件的代码,打开文件可以用ActiveXObject等浏览器提供的对象弄)

var str="ADF9DF9DF9",//那个文本文件中的字符串;  
re=/9/gi,//匹配9  
counter=0;//计数器  
strreplace(re,function () {  
counter++;//每出现一次匹配,函数就被执行一次,函数的返回值用来替换原值  
return "#";  
});  
//最后str 变成 ADF#DF#DF#"  
分享到:
评论

相关推荐

    精通 JavaScript正则表达式

    正则表达式可以: •测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式...

    源码(精通正则表达式&实战正则表达式)

    javascript 正则表达式视频教程 包含:精通正则表达式五部视频,实战正则表达式两部视频和源码压缩包

    精通正则表达式05

    javascript 正则表达式视频教程 包含:精通正则表达式五部视频,实战正则表达式两部视频和源码压缩包

    精通正则表达式,有关正则表达式的所有应用

    正则表达式的所有应用都有哦·正则表达式+ASP,正则表达式+JSP,正则表达式+JAVASCRIPT等等

    精通正则表达式基于.NET ASP PHP JSP JavaScript

    RegexApplication/Default.aspx 正则表达式类的应用 RegexApplication/GetPageHtmlData.aspx 获取网页的内容 第10章(/10/) ASPNETValidator/Compare.aspx 比较验证 ASPNETValidator/...

    JavaScript手册及正则表达式详解[收藏]

    精通JavaScript手册及正则表达式详解

    精通正则表达式(第三版).pdf

    这本书很好的向我们展示了正则表达式这门神奇的语言。

    精通正则表达式(第3版) Mastering.Regular.Expressions

    本书中文版为《精通正则表达式(第3版), 本书关注的是一种强大的工具——“正则表达式”。它将教会读者如何使用正则表达式解决各种问题,以及如何充分使用支持正则表达式的工具和语言。许多关于正则表达式的文档都...

    精通正则表达式02

    javascript 正则表达式视频教程 包含:精通正则表达式五部视频,实战正则表达式两部视频和源码压缩包

    精通正则表达式04

    javascript 正则表达式视频教程 包含:精通正则表达式五部视频,实战正则表达式两部视频和源码压缩包

    精通正则表达式03

    javascript 正则表达式视频教程 包含:精通正则表达式五部视频,实战正则表达式两部视频和源码压缩包

    正则表达式

    许多关于正则表达式的文档都没有介绍这种工具的能力,而本书的目的正是让读者“精通”正则表达式。. 许多种工具都支持正则表达式(文本编辑器、文字处理软件、系统工具、数据库引擎,等等),不过,要想充分挖掘正则...

    精通正则表达式(第三版)

    《精通正则表达式》从正则表达式的基本概念、基本语法入手,着重介绍了正则表达式在数字验证、字符串验证、数字和字符串混合验证、HTML处理等各个方面的应用,并基于目前流行的程序语言或应用环境(如C#、ASP.NET、...

    精通JS正则表达式(推荐)

    正则表达式可以: •测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式来...

    精通正则表达式

    从正则表达式的基本概念、基本语法入手,着重介绍了正则表达式在数字验证、字符串验证、数字和字符串混合验证、HTML处理等各个方面的应用,并基于目前流行的程序语言或应用环境(如C#、ASP.NET、JSP、JavaScript、PHP...

    精通 JavaScript中的正则表达式手机整理 推荐

    精通 JS正则表达式,想学习js正则表达式的朋友非常值得看,整理的比较不错。

Global site tag (gtag.js) - Google Analytics