当前页面: 开发资料首页 → Javascript 专题 → JavaScript中的正则表达式解析

JavaScript中的正则表达式解析

摘要: JavaScript中的正则表达式解析

JavaScript中的正则表达式解析

作者：赜华-風雲网（2004年03月29日 15點28分30秒）

正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹配或代替一个串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。要为一个单独的正则表达式添加属性,可以使用正则表达式构造函数(constructor function)，无论何时被调用的预设置的正则表达式拥有静态的属性(the predefined RegExp object has static properties that are set whenever any regular expression is used, 我不知道我翻得对不对，将原文列出，请自行翻译)。

创建：
一个文本格式或正则表达式构造函数
文本格式： /pattern/flags
正则表达式构造函数： new RegExp("pattern"[,"flags"]);
参数说明：
pattern -- 一个正则表达式文本
flags -- 如果存在，将是以下值：
g: 全局匹配
i: 忽略大小写
gi: 以上组合

[注意] 文本格式的参数不用引号，而在用构造函数时的参数需要引号。如：/ab+c/i new RegExp("ab+c","i")是实现一样的功能。在构造函数中，一些特殊字符需要进行转意(在特殊字符前加"\")。如：re = new RegExp("\\w+")

正则表达式中的特殊字符

做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。
-或-
对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。

</td></tr> <tr> <td>^</td> <td>匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An a"</td></tr> <tr bgColor=#dfdfdf> <td>$</td> <td>匹配一个输入或一行的结尾，/a$/匹配"An a"，而不匹配"an A"</td></tr> <tr> <td>*</td> <td>匹配前面元字符0次或多次，/ba*/将匹配b,ba,baa,baaa</td></tr> <tr bgColor=#dfdfdf> <td>+</td> <td>匹配前面元字符1次或多次，/ba*/将匹配ba,baa,baaa</td></tr> <tr> <td>?</td> <td>匹配前面元字符0次或1次，/ba*/将匹配b,ba</td></tr> <tr bgColor=#dfdfdf> <td>(x)</td> <td>匹配x保存x在名为$1...$9的变量中</td></tr> <tr> <td>x|y</td> <td>匹配x或y</td></tr> <tr bgColor=#dfdfdf> <td>{n}</td> <td>精确匹配n次</td></tr> <tr> <td>{n,}</td> <td>匹配n次以上</td></tr> <tr bgColor=#dfdfdf> <td>{n,m}</td> <td>匹配n-m次</td></tr> <tr> <td>[xyz]</td> <td>字符集(character set)，匹配这个集合中的任一一个字符(或元字符)</td></tr> <tr bgColor=#dfdfdf> <td>[^xyz]</td> <td>不匹配这个集合中的任何一个字符</td></tr> <tr> <td>[\b]</td> <td>匹配一个退格符</td></tr> <tr bgColor=#dfdfdf> <td>\b</td> <td>匹配一个单词的边界</td></tr> <tr> <td>\B</td> <td>匹配一个单词的非边界</td></tr> <tr bgColor=#dfdfdf> <td>\cX</td> <td>这儿，X是一个控制符，/\cM/匹配Ctrl-M</td></tr> <tr> <td>\d</td> <td>匹配一个字数字符，/\d/ = /[0-9]/</td></tr> <tr bgColor=#dfdfdf> <td>\D</td> <td>匹配一个非字数字符，/\D/ = /[^0-9]/</td></tr> <tr> <td>\n</td> <td>匹配一个换行符</td></tr> <tr bgColor=#dfdfdf> <td>\r</td> <td>匹配一个回车符</td></tr> <tr> <td>\s</td> <td>匹配一个空白字符，包括\n,\r,\f,\t,\v等</td></tr> <tr bgColor=#dfdfdf> <td>\S</td> <td>匹配一个非空白字符，等于/[^\n\f\r\t\v]/</td></tr> <tr> <td>\t</td> <td>匹配一个制表符</td></tr> <tr bgColor=#dfdfdf> <td>\v</td> <td>匹配一个重直制表符</td></tr> <tr> <td>\w</td> <td>匹配一个可以组成单词的字符(alphanumeric，这是我的意译，含数字)，包括下划线，如[\w]匹配"$5.98"中的5，等于[a-zA-Z0-9]</td></tr> <tr bgColor=#dfdfdf> <td>\W</td> <td>匹配一个不可以组成单词的字符，如[\W]匹配"$5.98"中的$，等于[^a-zA-Z0-9]。</td></tr></table></td></tr></table>

说了这么多了，我们来看一些正则表达式的实际应用的例子：

E-mail地址验证:
function test_email(strEmail) {
var myReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;
if(myReg.test(strEmail)) return true;
return false;
}
HTML代码的屏蔽
function mask_HTMLCode(strInput) {
var myReg = /<(\w+)>/;
return strInput.replace(myReg, "<$1>");
}
正则表达式对象的属性及方法
　　预定义的正则表达式拥有有以下静态属性：input, multiline, lastMatch, lastParen, leftContext, rightContext和$1到$9。其中input和multiline可以预设置。其他属性的值在执行过exec或test方法后被根据不同条件赋以不同的值。许多属性同时拥有长和短(perl风格)的两个名字，并且，这两个名字指向同一个值。(JavaScript模拟perl的正则表达式)
正则表达式对象的属性 <table cellSpacing=0 cellPadding=1 width="90%" align=center bgColor=#000000> <tr> <td> <table cellSpacing=1 cellPadding=1 width="100%" bgColor=#ffffff> <tr vAlign=center bgColor=#ccccff> <td align=middle width=80>属性</td> <td>含义</td></tr> <tr bgColor=#dfdfdf> <td>$1...$9</td> <td>如果它(们)存在，是匹配到的子串</td></tr> <tr> <td>$_</td> <td>参见input</td></tr> <tr bgColor=#dfdfdf> <td>$*</td> <td>参见multiline</td></tr> <tr> <td>$&</td> <td>参见lastMatch</td></tr> <tr bgColor=#dfdfdf> <td>$+</td> <td>参见lastParen</td></tr> <tr> <td>$`</td> <td>参见leftContext</td></tr> <tr bgColor=#dfdfdf> <td>$’　　　　　　　　　</td> <td>参见rightContext</td></tr> <tr> <td>constructor　　　</td> <td>创建一个对象的一个特殊的函数原型</td></tr> <tr bgColor=#dfdfdf> <td>global　　　　　　</td> <td>是否在整个串中匹配(bool型)</td></tr> <tr> <td>ignoreCase　　　　</td> <td>匹配时是否忽略大小写(bool型)</td></tr> <tr bgColor=#dfdfdf> <td>input　　　　　　　</td> <td>被匹配的串</td></tr> <tr> <td>lastIndex　　　　</td> <td>最后一次匹配的索引</td></tr> <tr bgColor=#dfdfdf> <td>lastParen　　　　</td> <td>最后一个括号括起来的子串</td></tr> <tr> <td>leftContext　　　</td> <td>最近一次匹配以左的子串</td></tr> <tr bgColor=#dfdfdf> <td>multiline　　　　</td> <td>是否进行多行匹配(bool型)</td></tr> <tr> <td>prototype　　　　</td> <td>允许附加属性给对象</td></tr> <tr bgColor=#dfdfdf> <td>rightContext　　　</td> <td>最近一次匹配以右的子串</td></tr> <tr> <td>source　　　　　　</td> <td>正则表达式模式</td></tr> <tr bgColor=#dfdfdf> <td>lastIndex　　　　</td> <td>最后一次匹配的索引</td></tr></table></td></tr></table>
正则表达式对象的方法
<table cellSpacing=0 cellPadding=1 width="90%" align=center bgColor=#000000> <tr> <td> <table cellSpacing=1 cellPadding=1 width="100%" bgColor=#ffffff> <tr align=middle bgColor=#ccccff> <td align=middle width=70>方法</td> <td>含义</td></tr> <tr bgColor=#dfdfdf> <td>compile　　　　　</td> <td>正则表达式比较</td></tr> <tr> <td>exec　　　　　　　</td> <td>执行查找</td></tr> <tr bgColor=#dfdfdf> <td>test　　　　　　　</td> <td>进行匹配</td></tr> <tr> <td>toSource　　　　　</td> <td>返回特定对象的定义(literal representing)，其值可用来创建一个新的对象。重载Object.toSource方法得到的。</td></tr> <tr bgColor=#dfdfdf> <td>toString　　　　　</td> <td>返回特定对象的串。重载Object.toString方法得到的。</td></tr> <tr> <td>valueOf　　　　　</td> <td>返回特定对象的原始值。重载Object.valueOf方法得到</td></tr></table></td></tr></table>例子
<script language = "JavaScript">
var myReg = /(\w+)\s(\w+)/;
var str = "John Smith";
var newstr = str.replace(myReg, "$2, $1");
document.write(newstr);
</script>
将输出"Smith, John"

</textarea>
↑返回目录
前一篇: 用Javascript和HTML制作的数值调节器
后一篇: JavaScript 对象与数组参考大全