`

javascript 正则表达式祥解

    博客分类:
  • js
阅读更多

正则表达式使用详解
简介

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

基本语法

在对正则表达式的功能和作用有了初步的了解之后,我们就来具体看一下正则表达式的语法格式。
正则表达式的形式一般如下:  

/love/  其中位于“/”定界符之间的部分就是将要在目标对象中进行匹配的模式。用户只要把希望查找匹配对象的模式内容放入“/”定界符之间即可。为了能够使用户更加灵活的定制模式内容,正则表达式提供了专门的“元字符”。所谓元字符就是指那些在正则表达式中具有特殊意义的专用字符,可以用来规定其前导字符(即位于元字符前面的字符)在目标对象中的出现模式。
较为常用的元字符包括: “+”, “*”,以及 “?”。

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

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

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

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

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

/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. \w:用于匹配字母,数字或下划线字符;  
   5. \W:用于匹配所有与\w不匹配的字符;  
   6. . :用于匹配除换行符之外的所有字符。  


(说明:我们可以把\s和\S以及\w和\W看作互为逆运算)
下面,我们就通过实例看一下如何在正则表达式中使用上述元字符。
/\s+/ 上述正则表达式可以用于匹配目标对象中的一个或多个空格字符。
/\d000/ 如果我们手中有一份复杂的财务报表,那么我们可以通过上述正则表达式轻而易举的查找到所有总额达千元的款项。
除了我们以上所介绍的元字符之外,正则表达式中还具有另外一种较为独特的专用字符,即定位符。定位符用于规定匹配模式在目标对象中的出现位置。 较为常用的定位符包括: “^”, “$”, “\b” 以及 “\B”。
代码

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


同样,我们也可以把“^”和“$”以及“\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_]*$"

 

本文来自CSDN博客,转载请标明出处:file:///C:/Documents%20and%20Settings/guoxiong/桌面/javascript%20正则表达式祥解%20-%20Peter_K的专栏%20-%20CSDN博客.htm

分享到:
评论

相关推荐

    JavaScript正则表达式.ppt

    了解正则表达式概念 掌握正则表达式的语法 熟练掌握正则表达式在JavaScript中的应用

    JavaScript正则表达式迷你书(1.1版)_程序逻辑_

    **JavaScript正则表达式迷你书(1.1版)** 正则表达式是JavaScript中一个强大的工具,用于处理文本字符串,进行模式匹配和查找、替换等操作。它们在编程逻辑中扮演着至关重要的角色,尤其是在处理字符串数据时,...

    正则表达式必知必会v_1.0.pdf

    "正则表达式必知必会" 正则表达式是一种强大的文本处理工具,广泛应用于各个领域。下面是对正则表达式的详细解释: 正则表达式的用途 正则表达式主要用于处理文本,提供了两大主要功能:查找和替换。查找功能允许...

    JavaScript 数据校验 正则表达式 示例代码

    正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则表达式 示例代码JavaScript 数据校验 正则...

    常用Javascript正则表达式汇总

    以下是一些常见的JavaScript正则表达式及其应用: 1. **匹配中文字符**:`[\u4e00-\u9fa5]` 这个正则表达式用于匹配Unicode范围内的中文字符,包括所有汉字。例如,如果你想在一个字符串中查找所有中文字符,可以...

    javascript正则表达式表单验证大全

    ### JavaScript正则表达式在表单验证中的应用详解 在Web开发中,表单验证是确保数据质量和用户体验的重要环节。JavaScript正则表达式提供了一种强大的工具,用于前端数据校验,确保用户输入的数据格式正确无误。...

    JavaScript正则表达式使用详解.zip

    JavaScript正则表达式是编程语言JavaScript中的一个重要组成部分,它用于处理文本字符串,执行模式匹配和字符串操作。在JavaScript中,正则表达式被广泛应用于数据验证、搜索与替换以及提取字符串中的特定信息等多个...

    常用正则表达式大全.txt

    根据提供的文件信息,我们可以整理出一系列与正则表达式相关的知识点。这些知识点涵盖了从基本的数字验证到复杂的字符串匹配等多个方面。下面是详细的知识点总结: ### 基本概念 正则表达式是一种用于文本模式匹配...

    javascript常用正则表达式大全

    javascript常用正则表达式大全,基本覆盖基本需求的正则表达式

    精通正则表达式(第三版)简体中文版

    - **JavaScript中的正则表达式**:JavaScript的正则表达式对象提供了丰富的功能,包括全局匹配、忽略大小写等选项。 - **.NET框架中的正则表达式**:通过System.Text.RegularExpressions命名空间提供支持。 #### 六...

    三目运算符+正则表达式

    在编程世界中,三目运算符和正则表达式是两个非常重要的概念,它们各自扮演着独特的角色,同时也常被结合起来使用,以提高代码的简洁性和效率。让我们深入探讨这两个主题。 首先,三目运算符,也称为条件运算符,是...

    通过正则表达式生成数据

    2. **利用编程语言**:大多数编程语言如Python、Java、JavaScript等都内置了正则表达式的支持,并提供了方法来生成符合正则表达式的随机字符串。例如,Python的`re`模块配合`random.choice`或`random.choices`可以...

    javascript 30分钟学会正则表达式

    在JavaScript的世界里,正则表达式(Regular Expression)是一种强大的文本处理工具,它能用于搜索、替换、验证字符串等操作。对于任何JavaScript开发者来说,掌握正则表达式都是至关重要的,因为它们在处理数据格式...

    精通正则表达式中文版英文版_中文版为扫描版

    书中的例子涵盖了多种编程语言,如Perl、Java、JavaScript、.NET等,这些语言的正则表达式引擎虽然大同小异,但在细节上有所区别,学习者将了解到如何在不同环境下应用正则表达式。 对于初学者,书中会引导他们理解...

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

    本资源“源码(精通正则表达式&实战正则表达式)”专注于JavaScript环境下的正则表达式学习,通过一系列视频教程和配套源码,帮助开发者提升对正则表达式的理解和应用能力。 首先,"精通正则表达式五部视频"可能涵盖...

    javascript正则表达式全解析文档

    ### JavaScript正则表达式全解析 #### 正则表达式的定义与使用 在JavaScript中,正则表达式是一种用于处理字符串的强大工具。它允许我们执行复杂的字符串搜索和替换操作。正则表达式对象可以通过两种方式创建:一...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十:正则表达式

    在JavaScript中,正则表达式(Regular Expression)是一种强大的文本处理工具,用于执行模式匹配和字符串操作。本篇教程将深入探讨JavaScript中的正则表达式,帮助你理解和掌握这一核心概念。 一、正则表达式基础 ...

Global site tag (gtag.js) - Google Analytics