Javascript正则表达式详解

 

js正则表达式是很多js开发人员比较头疼的事情，也很多人不愿意学习，只是必要的时候上网查一下就可以啦~本文中详细的把javascript正则表达式的用法进行了列表，希望对于大家学习javascript正则表达式有一定的帮助。

建立正则表达式对象语法
re = new RegExp(/pattern/[flags])

flags 参数说明：
g （全文查找出现的所有 pattern）
i （忽略大小写）
m （多行查找）

 

普通字符	描述
/	将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如，’n’ 匹配字符 “n”。’/n’ 匹配一个换行符。序列 ‘//’ 匹配 “/” 而 “/(” 则匹配 “(”。
.	匹配除 “/n” 之外的任何单个字符。要匹配包括 ‘/n’ 在内的任何字符，请使用象 ‘[./n]‘ 的模式。
x|y	匹配 x 或 y。例如，’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’ 范围内的任意字符。
/cx	匹配由x指明的控制字符。例如， /cM 匹配一个 Control-M 或回车符。 x 的值必须为 A-Z 或 a-z 之一。否则，将 c 视为一个原义的 ‘c’ 字符。
/d	匹配一个数字字符。等价于 [0-9]。
/D	匹配一个非数字字符。等价于 [^0-9]。
/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 的后向引用。如果前面的条件都不满足，若? n 和 m 均为八进制数字 (0-7)，则 /nm将匹配八进制转义值 nm。
/nml	如果 n 为八进制数字 (0-3)，且 m 和 l 均为八进制数字 (0-7)，则匹配八进制转义值 nml。
/un	匹配 n，其中 n 是一个用四个十六进制数字表示的 Unicode 字符。例如， /u00A9 匹配版权符号 (?)。

特殊字符	说明
$	匹配输入字符串的结尾位置。如果设置了 RegExp 对象的 Multiline 属性，则 $ 也匹配 ‘/n’ 或 ‘/r’。要匹配 $ 字符本身，请使用 /$。
( )	标记一个子表达式的开始和结束位置。子表达式可以获取供以后使用。要匹配这些字符，请使用 /( 和 /)。
*	匹配前面的子表达式零次或多次。要匹配 * 字符，请使用 /*。
+	匹配前面的子表达式一次或多次。要匹配 + 字符，请使用 +。
.	匹配除换行符 /n之外的任何单字符。要匹配 .，请使用 /。
[	标记一个中括号表达式的开始。要匹配 [，请使用 /[。
?	匹配前面的子表达式零次或一次，或指明一个非贪婪限定符。要匹配 ? 字符，请使用 /?。
/	将下一个字符标记为或特殊字符、或原义字符、或后向引用、或八进制转义符。例如， 'n' 匹配字符 'n'。'/n' 匹配换行符。序列 '/' 匹配 "/"，而 '/(' 则匹配 "("。
^	匹配输入字符串的开始位置，除非在方括号表达式中使用，此时它表示不接受该字符集合。要匹配 ^ 字符本身，请使用/^。
{	标记限定符表达式的开始。要匹配 {，请使用 /{。
|	指明两项之间的一个选择。要匹配 |，请使用 /|。

 

非打印字符	含义
/cx	匹配由x指明的控制字符。例如， /cM 匹配一个 Control-M 或回车符。 x 的值必须为 A-Z 或 a-z 之一。否则，将 c 视为一个原义的 'c' 字符。
/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。

 

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

 

定位符	描述
^	匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 ‘/n’ 或 ‘/r’ 之后的位置。
$	匹配输入字符串的结束位置。如果设置了RegExp 对象的 Multiline 属性，$ 也匹配 ‘/n’ 或 ‘/r’ 之前的位置。
/b	匹配一个单词边界，也就是指单词和空格间的位置。
/B	匹配非单词边界。

 

1. 常用的数字正则（严格匹配）  
2.   
3. 正则  含义  
4. ^[1-9]\d*$  匹配正整数  
5. ^-[1-9]\d*$ 匹配负整数  
6. ^-?[1-9]\d*$    匹配整数  
7. ^[1-9]\d*|0$    匹配非负整数（正整数 + 0）  
8. ^-[1-9]\d*|0$   匹配非正整数（负整数 + 0）  
9. ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$  匹配正浮点数  
10. ^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$   匹配负浮点数  
11. ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$     匹配浮点数  
12. ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$ 匹配非负浮点数（正浮点数 + 0）  
13. ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$    匹配非正浮点数（负浮点数 + 0）  

1. 常用字符串正则  
2.   
3. 正则  含义  补充  
4. ^[A-Za-z]+$ 匹配由26个英文字母组成的字符串    或 /^[a-z]+$/i  
5. ^[A-Z]+$    匹配由26个英文字母的大写组成的字符串   
6. ^[a-z]+$    匹配由26个英文字母的小写组成的字符串   
7. ^[A-Za-z0-9]+$  匹配由数字和26个英文字母组成的字符串 注意\w包含下划线_  
8. ^\w+$   匹配由数字、26个英文字母或者下划线组成的字符串      
9. 常用数字正则和常用字符串正则，是最基本的正则应用，读者可以作为入门的练习，试试能不能快速的读懂其中的含义。  

1. 匹配中文字符  
2.   
3. 普遍使用的正则是[\u4e00-\u9fa5]，但这个范围并不完整。例如：  
4. /[\u4e00-\u9fa5]/.test( '⻏' ) // 测试部首⻏，返回false  
5. 根据Unicode 5.0版编码，要准确的判断一个中文字符要包括：  
6. 范围  含义  范围  含义  
7. 2E80-2EFF   CJK 部首补充    2F00-2FDF   康熙字典部首  
8. 3000-303F   CJK 符号和标点   31C0-31EF   CJK 笔画  
9. 3200-32FF   封闭式 CJK 文字和月份   3300-33FF   CJK 兼容  
10. 3400-4DBF   CJK 统一表意符号扩展 A  4DC0-4DFF   易经六十四卦符号  
11. 4E00-9FBF   CJK 统一表意符号  F900-FAFF   CJK 兼容象形文字  
12. FE30-FE4F   CJK 兼容形式    FF00-FFEF   全角ASCII、全角标点  
13. 因此，正确的匹配中文字符正则表达式为：  
14. var rcjk = /[\u2E80-\u2EFF\u2F00-\u2FDF\u3000-\u303F\u31C0-\u31EF\u3200-\u32FF\u3300-\u33FF\u3400-\u4DBF\u4DC0-\u4DFF\u4E00-\u9FBF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF]+/g;  
15. 如果不希望匹配标点、符号，在正则中去掉对应的范围即可：  
16. 3000-303F   CJK 符号和标点   FF00-FFEF   全角ASCII、全角标点  

1. 匹配双字节字符(包括汉字在内)  
2.   
3. [^\x00-\xff]，可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1），代码示例如下：  
4. console.info( "abc".replace( /[^\x00-\xff]/g,"aa" ).length ) // 3  
5. console.info( "汉字".replace( /[^\x00-\xff]/g,"aa" ).length ) // 4  
6. console.info( "abc汉字".replace( /[^\x00-\xff]/g,"aa").length ) // 7  

1. 匹配HTML标记的正则表达式  
2.   
3. 先说说网上流传的版本：  
4. <(\S*?)[^>]*>.*?</\1>|<.*? />  
5. *?  *表示0个或多个，?表示0个或1个，两个叠加起来标识0个多个，与*的功能重叠  
6. (\S*?)  标签的长度必须大于0，因此不能用*?   
7. |<.*?\/>  没有分组，无法获取以<div/>这种自关闭格式书写的标签  
8. </\1>  
9. <.*? />   有的标签是不关闭的，比如<br><hr>，因此不能强制关闭  
10. 修正如下：  
11. var rtag = /^<([a-z]+)\s*\/?>.*(?:<\/\1>)?$/i  
12. rtag.exec( '<-div></-div>') // null   
13. rtag.exec( '<div>abc') // ["<div>abc", "div"]  
14. 这个表达式也不完善，比如第二条测试语句，这么写是为了能提取中包含了文本内容的标签，如果要严格匹配，可再次修改为：  
15. var rtag = /^<([a-z]+)\s*\/?> (?:<\/\1>)?$/i // 去掉了中间的.*  
16. 这个正则的应用范围仅限于简单的标签匹配、提取，不能匹配嵌套标记。  

1. 匹配首尾空白字符的正则表达式  
2.   
3. 先说说网上流传的版本：  
4. ^\s*|\s*$  
5. 可以删除行首行尾的空白字符，例如：  
6. '   \t    \n\r   abc   \t    \n\r   '.replace( /^\s*|\s*$/g, '' ) // abc  
7. 但是用\s*不能判断出字符串是否在开头或结尾处有\s，例如：  
8. /^\s*|\s*$/.test( 'abc' ) // true  
9. 修正如下：  
10. ^\s+|\s+$  
11. '   \t    \n\r   abc   \t    \n\r   '.replace( /^\s+|\s+$/g, '' ) // abc  
12. /^\s+|\s+$/.test( 'abc' ) // false  

是否有匹配

regexpObject.test(string)

返回值为Boolean型

var re = new RegExp(//bbe/b/g); 
var str = "To be, or not to be:That is the question:"; 
alert(str.search(re));

string.search(regexpObject)

返回匹配字符的位置，无匹配返回-1

var re = new RegExp(//bbe/b/g); 
var str = "To be, or not to be:That is the question:"; 
alert(re.test(str));

取得正则匹配信息

regexpObject.exec(string)

var re = new RegExp(/be/g); 
var str = "To be, or not to be:That is the question:"; 
var f; 
do 
{ 
    f = re.exec(str); 
    alert(f + ":" + f.index); 
} while (f!=null);

使用正则表达式进行字符串替换

string.replace(re, replaceString)

var re = new RegExp(/be/g);

var str = "To be, or not to be:That is the question:";
alert(str.replace(re, "*"));