您的位置:首页 > Web前端 > JavaScript

[Javascript]正则表达式--JavaScript 实现基础

2008-07-15 16:41 531 查看
作者:Flyingis

正则表达式用来从某一段字符串中匹配所需要的字符,这些字符可以非常简单,也可以非常复杂。JavaScript生来就对正则表达式有着良好的支持,在网络的字符搜索匹配中发挥着重要的作用。

JavaScript通过RegExp类来支持正则表达式,举一个最简单的例子:



500)this.width=500" align=top border=0>
var regApple = new RegExp("apple");
它可以匹配一个字符串中出现的第一个"apple"字符串,并且对大小写敏感。在构造方法中加入第二个参数"g"则代表的搜索出字符串中所有的 "apple",这里"g"代表"global"。如果第二个参数为"i",则代表着case-insensitive,匹配过程中将不考虑字母的大小写。将上述两者综合起来,可以搜索出所有"apple"字符串,并且不考虑大小写问题。



500)this.width=500" align=top border=0>
var regApple = new RegExp("apple", "gi");
正则表达式有着并不唯一的表示方法,使用Perl语言中的语法,可以将上述表达式表示为:



500)this.width=500" align=top border=0>
var regApple = /apple/gi;
创建了一个RegExp对象后,RegExp的方法可以构造出不同的匹配方式,因为正则表达式是对字符串进行的操作,所以String的一些方法在构造正则表达式的过程中也扮演着重要角色。

RegExp对象的方法



500)this.width=500" align=top border=0>
var sampleString = "Greenapple";


500)this.width=500" align=top border=0>
var regApple = /apple/;


500)this.width=500" align=top border=0>
alert(regApple.test(sampleString));
上面代码输出的结果是"true",因为sampleString中包含了需要匹配的字符串"apple",这是最简单的检测方式。有时,我们需要知道匹配的详细结果,例如:



500)this.width=500" align=top border=0>
var sampleString = "green apples, red apples";


500)this.width=500" align=top border=0>
var regApple = /apple/g;


500)this.width=500" align=top border=0>
var arr = regApple.exec(sampleString);
通过使用exec()方法,返回的arr是关于匹配结果的一个数组,包括每一个匹配的值及其所在的段,例如上例中是"green apples"还是"red apples"。match()方法有着和exec()相同的功能,只是表达方式不同:



500)this.width=500" align=top border=0>
var sampleString = "green apples, red apples";


500)this.width=500" align=top border=0>
var regApple = /apple/g;


500)this.width=500" align=top border=0>
var arr = sampleString.match(regApple);
search()方法和indexOf()比较类似,返回第一个匹配的字符串所在的位置:



500)this.width=500" align=top border=0>
var sampleString = "green apples, red apples";


500)this.width=500" align=top border=0>
var regApple = /apple/gi;


500)this.width=500" align=top border=0>
alert(sampleString.search(regApple)); //输出"6"
String的方法

String的replace()方法可以将指定的字符串替换为另一个字符串:



500)this.width=500" align=top border=0>
var sampleString = "There is a green apple.";


500)this.width=500" align=top border=0>
alert(sampleString.replace("green", "red")); //输出"There is a red apple."
将replace()的第一个参数替换为一个正则表达式,可以达到同样的效果:



500)this.width=500" align=top border=0>
var sampleString = "There is a green apple.";


500)this.width=500" align=top border=0>
var regApple = /apple/;


500)this.width=500" align=top border=0>
alert(sampleString.replace(regApple, "red")); //输出"There is a red apple."
replace()的第二个参数可以替换为一个function(),该function()接受一个匹配字符串作为参数,返回一个替换字符串。(存在疑问)

使用正则表达式可以实现String的split()方法相同的功能。



500)this.width=500" align=top border=0>
var fruit = "apple,pear,lemon";


500)this.width=500" align=top border=0>
var arr = fruit.split(",");
使用正则表达式:



500)this.width=500" align=top border=0>
var fruit = "apple,pear,lemon";


500)this.width=500" align=top border=0>
var reg = //,/;


500)this.width=500" align=top border=0>
var arr = fruit.split(reg);
以上这些都是JavaScript正则表达式最基本的一些特性,实现了一些最基本的功能,这些都不是正则表达式真正的强大之处,在作者接下来的随笔中会继续介绍。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: