JS的正则表达式1

简介:
< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

正则表达式使用详解

简介

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

基本语法

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

正则表达式的形式一般如下:  

/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>    

正则表达式对象
本对象包含正则表达式模式以及表明如何应用模式的标志。

代码
  1. 语法 1 re = /pattern/[flags]   
  2. 语法 2 re = new RegExp("pattern",["flags"])    

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

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

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

代码
  1. g (全文查找出现的所有 pattern)    
  2. i (忽略大小写)    
  3. m (多行查找)    

示例
下面的示例创建一个包含正则表达式模式及相关标志的对象(re),向您演示正则表达式对象的用法。在本例中,作为结果的正则表达式对象又用于 match 方法中:

代码
  1. function MatchDemo()   
  2. {   
  3. var r, re; // 声明变量。   
  4. var s = "The rain in Spain falls mainly in the plain";   
  5. re = new RegExp("ain","g"); // 创建正则表达式对象。   
  6. r = s.match(re); // 在字符串 s 中查找匹配。   
  7. return(r);    
  8. }   

返回值: ain,ain,ain,ain\\
属性 lastIndex 属性 | source 属性\\
方法 compile 方法 | exec 方法 | test 方法\\
要求 版本 3\\
请参阅 RegExp 对象 | 正则表达式语法 | String 对象\\

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

参数

rgExp
必选项。包含正则表达式模式和可用标志的正则表达式对象。

str
必选项。要在其中执行查找的 String 对象或字符串文字。

说明\\
如果 exec 方法没有找到匹配,则它返回 null。如果它找到匹配,则 exec 方法返回一个数组,并且更新全局 RegExp 对象的属性,以反映匹配结果。数组的0元素包含了完整的匹配,而第1到n元素中包含的是匹配中出现的任意一个子匹配。这相当于没有设置全局标志 (g) 的 match 方法。
如果为正则表达式设置了全局标志,exec 从以 lastIndex 的值指示的位置开始查找。如果没有设置全局标志,exec 忽略 lastIndex 的值,从字符串的起始位置开始搜索。

exec 方法返回的数组有三个属性,分别是 input、index 和 lastIndex。Input 属性包含了整个被查找的字符串。Index 属性中包含了整个被查找字符串中被匹配的子字符串的位置。LastIndex 属性中包含了匹配中最后一个字符的下一个位置。

示例\\
下面的例子举例说明了 exec 方法的用法:

代码
  1. function RegExpTest()   
  2. {   
  3. var ver = Number(ScriptEngineMajorVersion() + "." + ScriptEngineMinorVersion())   
  4. if (ver >= 5.5){ // 测试 JScript 的版本。   
  5. var src = "The rain in Spain falls mainly in the plain.";   
  6. var re = /\w+/g; // 创建正则表达式模式。   
  7. var arr;   
  8. while ((arr = re.exec(src)) != null)   
  9. document.write(arr.index + "-" + arr.lastIndex + arr + "\t");   
  10. }   
  11. else{   
  12. alert("请使用 JScript 的更新版本");   
  13. }   
  14. }   

返回值:0-3The 4-8rain 9-11in 12-17Spain 18-23falls 24-30mainly 31-33in 34-37the 38-43plain

test 方法\\
返回一个 Boolean 值,它指出在被查找的字符串中是否存在模式。
rgexp.test(str)

参数\\
rgexp
必选项。包含正则表达式模式或可用标志的正则表达式对象。

str
必选项。要在其上测试查找的字符串。

说明
test 方法检查在字符串中是否存在一个模式,如果存在则返回 true,否则就返回 false。
全局 RegExp 对象的属性不由 test 方法来修改。

示例
下面的例子举例说明了 test 方法的用法:

代码
  1. function TestDemo(re, s)   
  2. {   
  3. var s1; // 声明变量。   
  4. // 检查字符串是否存在正则表达式。   
  5. if (re.test(s)) // 测试是否存在。   
  6. s1 = " contains "; // s 包含模式。   
  7. else  
  8. s1 = " does not contain "; // s 不包含模式。   
  9. return("'" + s + "'" + s1 + "'"+ re.source + "'"); // 返回字符串。   
  10. }   

函数调用:document.write (TestDemo(/ain+/ ,"The rain in Spain falls mainly in the plain."));

返回值:'The rain in Spain falls mainly in the plain.' contains 'ain+'

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

参数\\
stringObj
必选项。对其进行查找的 String 对象或字符串文字。

rgExp
必选项。为包含正则表达式模式和可用标志的正则表达式对象。也可以是包含正则表达式模式和可用标志的变量名或字符串文字。

说明\\
如果 match 方法没有找到匹配,返回 null。如果找到匹配返回一个数组并且更新全局 RegExp 对象的属性以反映匹配结果。
match 方法返回的数组有三个属性:input、index 和 lastIndex。Input 属性包含整个的被查找字符串。Index 属性包含了在整个被查找字符串中匹配的子字符串的位置。LastIndex 属性包含了最后一次匹配中最后一个字符的下一个位置。
如果没有设置全局标志 (g),数组的 0 元素包含整个匹配,而第 1 到 n 元素包含了匹配中曾出现过的任一个子匹配。这相当于没有设置全局标志的 exec 方法。如果设置了全局标志,元素 0 到 n 中包含所有匹配。

示例\\
下面的示例演示了match 方法的用法:

代码
  1. function MatchDemo()   
  2. {   
  3. var r, re; // 声明变量。   
  4. var s = "The rain in Spain falls mainly in the plain";   
  5. re = /ain/i; // 创建正则表达式模式。   
  6. r = s.match(re); // 尝试匹配搜索字符串。   
  7. return(r); // 返回第一次出现 "ain" 的地方。   
  8. }   

返回值:ain

本示例说明带 g 标志设置的 match 方法的用法。

代码
  1. function MatchDemo()   
  2. {   
  3. var r, re; // 声明变量。   
  4. var s = "The rain in Spain falls mainly in the plain";   
  5. re = /ain/ig; // 创建正则表达式模式。   
  6. r = s.match(re); // 尝试去匹配搜索字符串。   
  7. return(r); // 返回的数组包含了所有 "ain"    
  8. // 出现的四个匹配。   
  9. }   

返回值:ain,ain,ain,ain

上面几行代码演示了字符串文字的 match 方法的用法。

代码
  1. var r, re = "Spain";   
  2. r = "The rain in Spain".replace(re, "Canada");   
  3. return r;   

返回值:The rain in Canada

search 方法
返回与正则表达式查找内容匹配的第一个子字符串的位置。

stringObj.search(rgExp)

参数\\
stringObj
必选项。要在其上进行查找的 String 对象或字符串文字。

rgExp
必选项。包含正则表达式模式和可用标志的正则表达式对象。

说明

search 方法指明是否存在相应的匹配。如果找到一个匹配,search 方法将返回一个整数值,指明这个匹配距离字符串开始的偏移位置。如果没有找到匹配,则返回 -1。

示例\\
下面的示例演示了 search 方法的用法。

代码
  1. function SearchDemo()   
  2. {   
  3. var r, re; // 声明变量。   
  4. var s = "The rain in Spain falls mainly in the plain.";   
  5. re = /falls/i; // 创建正则表达式模式。   
  6. r = s.search(re); // 查找字符串。   
  7. return(r); // 返回 Boolean 结果。   
  8. }   

返回值:18
本文转自 netcorner 博客园博客,原文链接: http://www.cnblogs.com/netcorner/archive/2007/06/01/2912371.html  ,如需转载请自行联系原作者
相关文章
|
2月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
124 1
|
3月前
|
自然语言处理 JavaScript 前端开发
JavaScript 正则表达式
JavaScript 正则表达式
22 3
|
4月前
|
JavaScript 前端开发
js中通过正则表达式验证邮箱是否合法
这篇文章提供了一个JavaScript示例,通过正则表达式在网页上验证用户输入的邮箱地址是否合法,并给出了相应的提示信息。
js中通过正则表达式验证邮箱是否合法
|
6月前
|
机器学习/深度学习 JavaScript 前端开发
JavaScript中的正则表达式详细展示
JavaScript中的正则表达式详细展示
42 6
|
6月前
|
JavaScript 前端开发 测试技术
JavaScript进阶-正则表达式基础
【6月更文挑战第21天】正则表达式是处理字符串的利器,JavaScript中广泛用于搜索、替换和验证。本文讲解正则基础,如字符匹配、量词和边界匹配,同时也讨论了常见问题和易错点,如大小写忽略、贪婪匹配,提供代码示例和调试建议。通过学习,开发者能更好地理解和运用正则表达式解决文本操作问题。
50 1
|
5月前
|
JavaScript 数据安全/隐私保护
js 常用正则表达式【实用】
js 常用正则表达式【实用】
28 0
|
5月前
|
存储 JavaScript 前端开发
|
6月前
|
XML JavaScript 数据安全/隐私保护
一篇文章讲明白js常用js正则表达式大全
一篇文章讲明白js常用js正则表达式大全
36 0
|
7月前
|
前端开发 JavaScript
前端 js 经典:正则表达式
前端 js 经典:正则表达式
57 2
|
7月前
|
JavaScript 前端开发 测试技术
学会JavaScript正则表达式(二)
学会JavaScript正则表达式(二)