javascript正则表达式使用详解

时间  2019-11-17
标签 javascript 正则 表达式 使用 详解 栏目 JavaScript 繁體版
原文   原文链接

简单的说，正则表达式是一种能够用于模式匹配和替换的强有力的工具。其做用以下：
测试字符串的某个模式。例如，能够对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证。
替换文本。能够在文档中使用一个正则表达式来标识特定文字，而后能够所有将其删除，或者替换为别的文字。
根据模式匹配从字符串中提取一个子字符串。能够用来在文本或输入字段中查找特定文字。 html

基本语法 git

在对正则表达式的功能和做用有了初步的了解以后，咱们就来具体看一下正则表达式的语法格式。
正则表达式的形式通常以下：　　 正则表达式

/love/　　其中位于“/”定界符之间的部分就是将要在目标对象中进行匹配的模式。用户只要把但愿查找匹配对象的模式内容放入“/”定界符之间便可。 编程

为了可以使用户更加灵活的定制模式内容，正则表达式提供了专门的“元字符”。所谓元字符就是指那些在正则表达式中具备特殊意义的专用字符，能够用来规定其前导字符（即位于元字符前面的字符）在目标对象中的出现模式。
较为经常使用的元字符包括： “+”， “*”，以及 “?”。 工具

“+”元字符规定其前导字符必须在目标对象中连续出现一次或屡次。 测试

“*”元字符规定其前导字符必须在目标对象中出现零次或连续屡次。 this

“?”元字符规定其前导对象必须在目标对象中连续出现零次或一次。 编码

下面，就让咱们来看一下正则表达式元字符的具体应用。 url

/fo+/　　由于上述正则表达式中包含“+”元字符，表示能够与目标对象中的 “fool”, “fo”, 或者 “football”等在字母f后面连续出现一个或多个字母o的字符串相匹配。 spa

/eg*/　　由于上述正则表达式中包含“*”元字符，表示能够与目标对象中的 “easy”, “ego”, 或者 “egg”等在字母e后面连续出现零个或多个字母g的字符串相匹配。

/Wil?/　　由于上述正则表达式中包含“？”元字符，表示能够与目标对象中的 “Win”, 或者“Wilson”,等在字母i后面连续出现零个或一个字母l的字符串相匹配。

有时候不知道要匹配多少字符。为了能适应这种不肯定性，正则表达式支持限定符的概念。这些限定符能够指定正则表达式的一个给定组件必需要出现多少次才能知足匹配。

{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?'。请注意在逗号和两个数之间不能有空格。

除了元字符以外，用户还能够精确指定模式在匹配对象中出现的频率。例如，/jim {2,6}/ 上述正则表达式规定字符m能够在匹配对象中连续出现2-6次，所以，上述正则表达式能够同jimmy或jimmmmmy等字符串相匹配。
在对如何使用正则表达式有了初步了解以后，咱们来看一下其它几个重要的元字符的使用方式。
代码

   1. \s：用于匹配单个空格符，包括tab键和换行符；   
   2. \S：用于匹配除单个空格符以外的全部字符；   
   3. \d：用于匹配从0到9的数字；   
   4. \D：用于匹配\d不匹配的字符；
   5. \w：用于匹配字母，数字或下划线字符；   
   6. \W：用于匹配全部与\w不匹配的字符；   
   7. ：用于匹配除换行符以外的全部字符。  


（说明：咱们能够把\s和\S以及\w和\W看做互为逆运算）
下面，咱们就经过实例看一下如何在正则表达式中使用上述元字符。
/\s+/ 上述正则表达式能够用于匹配目标对象中的一个或多个空格字符。
/\d000/　若是咱们手中有一份复杂的财务报表，那么咱们能够经过上述正则表达式垂手可得的查找到全部总额达千元的款项。
除了咱们以上所介绍的元字符以外，正则表达式中还具备另一种较为独特的专用字符，即定位符。定位符用于规定匹配模式在目标对象中的出现位置。 较为经常使用的定位符包括： “^”, “$”, “\b” 以及 “\B”。
代码

   1. “^”定位符规定匹配模式必须出如今目标字符串的开头  
   2. “$”定位符规定匹配模式必须出如今目标对象的结尾  
   3. “\b”定位符规定匹配模式必须出如今目标字符串的开头或结尾的两个边界之一  
   4. “\B”定位符则规定匹配对象必须位于目标字符串的开头和结尾两个边界以内，  
        即匹配对象既不能做为目标字符串的开头，也不能做为目标字符串的结尾。 


一样，咱们也能够把“^”和“$”以及“\b”和“\B”看做是互为逆运算的两组定位符。

举例来讲： /^hell/　由于上述正则表达式中包含“^”定位符，因此能够与目标对象中以 “hell”, “hello”或“hellhound”开头的字符串相匹配。

 /ar$/　由于上述正则表达式中包含“$”定位符，因此能够与目标对象中以 “car”, “bar”或 “ar” 结尾的字符串相匹配。 

/\bbom/　由于上述正则表达式模式以“\b”定位符开头，因此能够与目标对象中以 “bomb”, 或 “bom”开头的字符串相匹配。/man\b/　由于上述正则表达式模式以“\b”定位符结尾，因此能够与目标对象中以 “human”, “woman”或 “man”结尾的字符串相匹配。


为了可以方便用户更加灵活的设定匹配模式，正则表达式容许使用者在匹配模式中指定某一个范围而不局限于具体的字符。例如：
代码

   1. /[A-Z]/　　上述正则表达式将会与从A到Z范围内任何一个大写字母相匹配。  
   2. /[a-z]/　　上述正则表达式将会与从a到z范围内任何一个小写字母相匹配。   
   3. /[0-9]/ 　上述正则表达式将会与从0到9范围内任何一个数字相匹配。   
   4. /([a-z][A-Z][0-9])+/　上述正则表达式将会与任何由字母和数字组成的字符串，如 “aB0” 等相匹配。 


这里须要提醒用户注意的一点就是能够在正则表达式中使用 “()” 把字符串组合在一块儿。“()”符号包含的内容必须同时出如今目标对象中。所以，上述正则表达式将没法与诸如 “abc”等的字符串匹配，由于“abc”中的最后一个字符为字母而非数字。
若是咱们但愿在正则表达式中实现相似编程逻辑中的“或”运算，在多个不一样的模式中任选一个进行匹配的话，可使用管道符 “|”。例如：/to|too|2/　上述正则表达式将会与目标对象中的 “to”, “too”, 或 “2” 相匹配。
正则表达式中还有一个较为经常使用的运算符，即否认符 “[^]”。与咱们前文所介绍的定位符 “^” 不一样，否认符 “[^]”规定目标对象中不能存在模式中所规定的字符串。例如：/[^A-C]/　上述字符串将会与目标对象中除A，B，和C以外的任何字符相匹配。通常来讲，当“^”出如今 “[]”内时就被视作否认运算符；而当“^”位于“[]”以外，或没有“[]”时，则应当被视作定位符。
最后，当用户须要在正则表达式的模式中加入元字符，并查找其匹配对象时，可使用转义符“\”。例如：/Th\*/ 　上述正则表达式将会与目标对象中的“Th*”而非“The”等相匹配。
在构造正则表达式以后，就能够象数学表达式同样来求值，也就是说，能够从左至右并按照一个优先级顺序来求值。优先级以下：
代码

   1. 1．\ 转义符  
   2. 2．(), (?, (?=), [] 圆括号和方括号  
   3. 3．*, +, ?, {n}, {n,}, {n,m} 限定符  
   4. 4．^, $, \anymetacharacter 位置和顺序  
   5. 5．|“或”操做 

使用实例
在JavaScript 1.2中带有一个功能强大的RegExp()对象，能够用来进行正则表达式的匹配操做。其中的test()方法能够检验目标对象中是否包含匹配模式，并相应的返回true或false。
咱们可使用JavaScript编写如下脚本，验证用户输入的邮件地址的有效性。
代码

   1. <html>   
   2. <head>   
   3. 　 <script language="Javascript1.2">   
   4. 　　　　 <!-- start hiding   
   5. 　　　　 function verifyAddress(obj)   
   6. 　　　　　{   
   7. 　　　　　　var email = obj.email.value;   
   8. 　　　　　　var pattern =   
   9. /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;   
  10. 　　　　　　flag = pattern.test(email);   
  11. 　　　　　　if(flag)   
  12. 　　　　　　{   
  13. 　　　　　　　alert(“Your email address is correct!”);   
  14. 　　　　　　　return true;   
  15. 　　　　　　}   
  16. 　　　　　　else   
  17. 　　　　　　　{   
  18. 　　　　　　　　alert(“Please try again!”);   
  19. 　　　　　　　　return false;   
  20. 　　　　　　　 }   
  21. 　　　　　 }   
  22. 　　　　 // stop hiding -->   
  23. 　　　 </script>   
  24. 　　</head>   
  25. 　 <body>   
  26. 　　 <form onSubmit="return verifyAddress(this);">   
  27. 　　　 <input name="email" type="text">   
  28. 　　　 <input type="submit">   
  29. 　　　 </form>   
  30. 　　</body>   
  31. </html> 
 

JS的正则表达式

//校验是否全由数字组成
代码

   1. function isDigit(s)  
   2. {  
   3. var patrn=/^[0-9]{1,20}$/;  
   4. if (!patrn.exec(s)) return false  
   5. return true  
   6. } 

//校验登陆名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
代码

   1. function isRegisterUserName(s)  
   2. {  
   3. var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;  
   4. if (!patrn.exec(s)) return false  
   5. return true  
   6. } 

//校验用户姓名：只能输入1-30个以字母开头的字串
代码

   1. function isTrueName(s)  
   2. {  
   3. var patrn=/^[a-zA-Z]{1,30}$/;  
   4. if (!patrn.exec(s)) return false  
   5. return true  
   6. }  
   7. }}  
   8.   
   9. //校验密码：只能输入6-20个字母、数字、下划线  
  10. [code]  
  11. function isPasswd(s)  
  12. {  
  13. var patrn=/^(\w){6,20}$/;  
  14. if (!patrn.exec(s)) return false  
  15. return true  
  16. } 

//校验普通电话、传真号码：能够“+”开头，除数字外，可含有“-”
代码

   1. function isTel(s)  
   2. {  
   3. //var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;  
   4. var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;  
   5. if (!patrn.exec(s)) return false  
   6. return true  
   7. } 

//校验手机号码：必须以数字开头，除数字外，可含有“-”
代码

   1. function isMobil(s)  
   2. {  
   3. var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;  
   4. if (!patrn.exec(s)) return false  
   5. return true  
   6. } 

//校验邮政编码
代码

   1. function isPostalCode(s)  
   2. {  
   3. //var patrn=/^[a-zA-Z0-9]{3,12}$/;  
   4. var patrn=/^[a-zA-Z0-9 ]{3,12}$/;  
   5. if (!patrn.exec(s)) return false  
   6. return true  
   7. } 

//校验搜索关键字
代码

   1. function isSearch(s)  
   2. {  
   3. var patrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;'\,.<>/?]{1}[^`~!@$%^&()+=|\\\]  
   4.         [\]\{\}:;'\,.<>?]{0,19}$/;  
   5. if (!patrn.exec(s)) return false  
   6. return true  
   7. }  
   8.   
   9. function isIP(s) //by zergling  
  10. {  
  11. var patrn=/^[0-9.]{1,20}$/;  
  12. if (!patrn.exec(s)) return false  
  13. return true  
  14. } 

正则表达式
代码

   1. "^\\d+$"　　//非负整数（正整数 + 0）  
   2. "^[0-9]*[1-9][0-9]*$"　　//正整数   
   3. "^((-\\d+)|(0+))$"　　//非正整数（负整数 + 0）   
   4. "^-[0-9]*[1-9][0-9]*$"　　//负整数   
   5. "^-?\\d+$"　　　　//整数   
   6. "^\\d+(file://.//d+)?$"　　//非负浮点数（正浮点数 + 0）   
   7. "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　  
   8. //正浮点数   
   9. "^((-\\d+(file://.//d+)?)|(0+(//.0+)?))$"　　//非正浮点数（负浮点数 + 0）   
  10. "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　  
  11. //负浮点数   
  12. "^(-?\\d+)(file://.//d+)?$"　　//浮点数   
  13. "^[A-Za-z]+$"　　//由26个英文字母组成的字符串   
  14. "^[A-Z]+$"　　//由26个英文字母的大写组成的字符串   
  15. "^[a-z]+$"　　//由26个英文字母的小写组成的字符串   
  16. "^[A-Za-z0-9]+$"　　//由数字和26个英文字母组成的字符串   
  17. "^\\w+$"　　//由数字、26个英文字母或者下划线组成的字符串   
  18. "^[\\w-]+(file://.[//w-]+)*@[//w-]+(//.[//w-]+)+$"　　　　//email地址   
  19. "^[a-zA-z]+://(file://w+(-//w+)*)(//.(//w+(-//w+)*))*(//?//S*)?$"　　//url  
  20. "^[A-Za-z0-9_]*$" 

补充:
i   =   忽略大小写区别    g   =   匹配全部可能的字串    m   =   多行匹配   

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程