分享
 
 
 

JavaScript中的正则表达式解析

王朝html/css/js·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

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*"。

^

匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a"

$

匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A"

*

匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa

+

匹配前面元字符1次或多次,/ba*/将匹配ba,baa,baaa

?

匹配前面元字符0次或1次,/ba*/将匹配b,ba

(x)

匹配x保存x在名为$1...$9的变量中

x|y

匹配x或y

{n}

精确匹配n次

{n,}

匹配n次以上

{n,m}

匹配n-m次

[xyz]

字符集(character set),匹配这个集合中的任一一个字符(或元字符)

[^xyz]

不匹配这个集合中的任何一个字符

[\b]

匹配一个退格符

\b

匹配一个单词的边界

\B

匹配一个单词的非边界

\cX

这儿,X是一个控制符,/\cM/匹配Ctrl-M

\d

匹配一个字数字符,/\d/ = /[0-9]/

\D

匹配一个非字数字符,/\D/ = /[^0-9]/

\n

匹配一个换行符

\r

匹配一个回车符

\s

匹配一个空白字符,包括\n,\r,\f,\t,\v等

\S

匹配一个非空白字符,等于/[^\n\f\r\t\v]/

\t

匹配一个制表符

\v

匹配一个重直制表符

\w

匹配一个可以组成单词的字符(alphanumeric,这是我的意译,含数字),包括下划线,如[\w]匹配"$5.98"中的5,等于[a-zA-Z0-9]

\W

匹配一个不可以组成单词的字符,如[\W]匹配"$5.98"中的$,等于[^a-zA-Z0-9]。

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

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, "&lt;$1&gt;");

}

正则表达式对象的属性及方法

预定义的正则表达式拥有有以下静态属性:input, multiline, lastMatch, lastParen, leftContext, rightContext和$1到$9。其中input和multiline可以预设置。其他属性的值在执行过exec或test方法后被根据不同条件赋以不同的值。许多属性同时拥有长和短(perl风格)的两个名字,并且,这两个名字指向同一个值。(JavaScript模拟perl的正则表达式)

正则表达式对象的属性

属性

含义

$1...$9

如果它(们)存在,是匹配到的子串

$_

参见input

$*

参见multiline

$&

参见lastMatch

$+

参见lastParen

$`

参见leftContext

$’

参见rightContext

constructor

创建一个对象的一个特殊的函数原型

global

是否在整个串中匹配(bool型)

ignoreCase

匹配时是否忽略大小写(bool型)

input

被匹配的串

lastIndex

最后一次匹配的索引

lastParen

最后一个括号括起来的子串

leftContext

最近一次匹配以左的子串

multiline

是否进行多行匹配(bool型)

prototype

允许附加属性给对象

rightContext

最近一次匹配以右的子串

source

正则表达式模式

lastIndex

最后一次匹配的索引

正则表达式对象的方法

方法

含义

compile

正则表达式比较

exec

执行查找

test

进行匹配

toSource

返回特定对象的定义(literal representing),其值可用来创建一个新的对象。重载Object.toSource方法得到的。

toString

返回特定对象的串。重载Object.toString方法得到的。

valueOf

返回特定对象的原始值。重载Object.valueOf方法得到

例子

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有